hypermc/website
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Remove particles until I can optimize

Browse Source
This commit is contained in:
snxraven
2025-07-09 23:11:29 -04:00
parent de84fa9717
commit 6bfb933305
1 changed files with 44 additions and 44 deletions
Download Patch File Download Diff File Expand all files Collapse all files

88
js/main.js
View File

@@ -33,58 +33,58 @@ sections.forEach(section => {
observer.observe(section); observer.observe(section);
}); });
const PARTICLE_POOL_SIZE = 50; // const PARTICLE_POOL_SIZE = 50;
const particlePool = []; // const particlePool = [];
const activeParticles = new Set(); // const activeParticles = new Set();
function createParticleElement() { // function createParticleElement() {
const particle = document.createElement('div'); // const particle = document.createElement('div');
particle.classList.add('particle'); // particle.classList.add('particle');
if (Math.random() > 0.6) particle.classList.add('large'); // if (Math.random() > 0.6) particle.classList.add('large');
return particle; // return particle;
} // }
function initializeParticlePool() { // function initializeParticlePool() {
for (let i = 0; i < PARTICLE_POOL_SIZE; i++) { // for (let i = 0; i < PARTICLE_POOL_SIZE; i++) {
particlePool.push(createParticleElement()); // particlePool.push(createParticleElement());
} // }
} // }
function resetParticle(particle) { // function resetParticle(particle) {
particle.style.left = `${Math.random() * 100}%`; // particle.style.left = `${Math.random() * 100}%`;
particle.style.top = `${Math.random() * 100}%`; // particle.style.top = `${Math.random() * 100}%`;
particle.style.animationDelay = `${Math.random() * 8}s`; // particle.style.animationDelay = `${Math.random() * 8}s`;
particle.style.animationDuration = `${8 + Math.random() * 6}s`; // particle.style.animationDuration = `${8 + Math.random() * 6}s`;
particle.classList.remove('fade-out'); // particle.classList.remove('fade-out');
return particle; // return particle;
} // }
function spawnParticle() { // function spawnParticle() {
if (particlePool.length === 0 || activeParticles.size >= PARTICLE_POOL_SIZE) return; // if (particlePool.length === 0 || activeParticles.size >= PARTICLE_POOL_SIZE) return;
const particle = resetParticle(particlePool.pop()); // const particle = resetParticle(particlePool.pop());
if (!particle.parentNode) document.body.appendChild(particle); // if (!particle.parentNode) document.body.appendChild(particle);
activeParticles.add(particle); // activeParticles.add(particle);
setTimeout(() => { // setTimeout(() => {
particle.classList.add('fade-out'); // particle.classList.add('fade-out');
setTimeout(() => { // setTimeout(() => {
activeParticles.delete(particle); // activeParticles.delete(particle);
particlePool.push(particle); // particlePool.push(particle);
}, 500); // }, 500);
}, 14000); // }, 14000);
} // }
function animate() { // function animate() {
if (Math.random() < 0.1) spawnParticle(); // Reduced spawn frequency // if (Math.random() < 0.1) spawnParticle(); // Reduced spawn frequency
requestAnimationFrame(animate); // requestAnimationFrame(animate);
} // }
// Initialize and start // // Initialize and start
setTimeout(() => { // setTimeout(() => {
initializeParticlePool(); // initializeParticlePool();
animate(); // animate();
}, 500); // }, 500);
function throttle(fn, wait) { function throttle(fn, wait) {
let lastTime = 0; let lastTime = 0;