<link rel="stylesheet" media="screen" href="https://sicam32-jpllinas.c9users.io/sicam/componentes/sistema/recursos/particles/css/style.css">

<!-- count particles -->
<div class="count-particles">
  <span class="js-count-particles">--</span> particles
</div>

<!-- particles.js container -->
<div id="particles-js" style="background-image: url(media/imagenes/logo-sicam32-vertical.png); background-size: 20%; background-repeat: no-repeat; background-position: 50% 50%;"></div>

<!-- scripts -->
<script src="https://sicam32-jpllinas.c9users.io/sicam/componentes/sistema/recursos/particles/js/particles.js"></script>
<script src="https://sicam32-jpllinas.c9users.io/sicam/componentes/sistema/recursos/particles/js/app.js"></script>
<!-- stats.js -->
<script src="https://sicam32-jpllinas.c9users.io/sicam/componentes/sistema/recursos/particles/js/lib/stats.js"></script>
<script>
  var count_particles, stats, update;
  stats = new Stats;
  stats.setMode(0);
  stats.domElement.style.position = 'absolute';
  stats.domElement.style.left = '0px';
  stats.domElement.style.top = '0px';
  document.body.appendChild(stats.domElement);
  count_particles = document.querySelector('.js-count-particles');
  update = function() {
    stats.begin();
    stats.end();
    if (window.pJSDom[0].pJS.particles && window.pJSDom[0].pJS.particles.array) {
      count_particles.innerText = window.pJSDom[0].pJS.particles.array.length;
    }
    requestAnimationFrame(update);
  };
  requestAnimationFrame(update);
</script>




<!--////VAMOS A METERLE UN JUEGUITO COMO EL DEL DINOSAURIO-->