Open The-Epic-Emerald opened 3 years ago
it says Stats is not defined
Hi The-Epic-Emerald!
I know it's been 2 years but if you somehow still want an answer or to anyone else experiencing this issue. You can simply open your particles.js file and search for "Stats" and remove the whole define and everything associated after it. For your code example, this is how it should look like:
<script> particlesJS("particles-js", { particles: { number: { value: 400, density: { enable: true, value_area: 3787.908679834909 } }, color: { value: "#0e00ff" }, shape: { type: "polygon", stroke: { width: 0, color: "#000000" }, polygon: { nb_sides: 5 }, image: { src: "img/github.svg", width: 100, height: 100 } }, opacity: { value: 0.5, random: true, anim: { enable: false, speed: 1, opacity_min: 0.1, sync: false } }, size: { value: 11.83721462448409, random: true, anim: { enable: false, speed: 40, size_min: 0.1, sync: false } }, line_linked: { enable: false, distance: 500, color: "#ffffff", opacity: 0.4, width: 2 }, move: { enable: true, speed: 2, direction: "none", random: false, straight: false, out_mode: "out", bounce: false, attract: { enable: false, rotateX: 600, rotateY: 1200 } } }, interactivity: { detect_on: "window", events: { onhover: { enable: false, mode: "repulse" }, onclick: { enable: false, mode: "bubble" }, resize: true }, modes: { grab: { distance: 400, line_linked: { opacity: 0.5 } }, bubble: { distance: 400, size: 4, duration: 0.3, opacity: 1, speed: 3 }, repulse: { distance: 200, duration: 0.4 }, push: { particles_nb: 4 }, remove: { particles_nb: 2 } } }, retina_detect: true }); </script>
I removed the following from your code since most of the people don't want the stats displayed anyway like from the Demo page of this project.
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);