Hi!

PETA in MIL

lorem ipsum

gif by nekokabuuuri on Tumblr

Sidebar

this is the sidebar!

To-do

Make custom font work
add stickers
fix cursor
learn how 2 code

About me

Shrine

Sources

} function onTouchMove(e) { if (e.touches.length > 0) { for (let i = 0; i < e.touches.length; i++) { addParticle(e.touches[i].clientX, e.touches[i].clientY, baseImage); } } } function onMouseMove(e) { if (hasWrapperEl) { const boundingRect = element.getBoundingClientRect(); cursor.x = e.clientX - boundingRect.left; cursor.y = e.clientY - boundingRect.top; } else { cursor.x = e.clientX; cursor.y = e.clientY; } addParticle(cursor.x, cursor.y, baseImage); } function addParticle(x, y, image) { particles.push(new Particle(x, y, image)); } function updateParticles() { context.clearRect(0, 0, width, height); particles.sort(function (a, b) { return a.zIndex - b.zIndex; }); for (let i = 0; i < particles.length; i++) { particles[i].update(context); } for (let i = particles.length - 1; i >= 0; i--) { if (particles[i].lifeSpan < 0) { particles.splice(i, 1); } } } function loop() { updateParticles(); requestAnimationFrame(loop); } function Particle(x, y, image) { const lifeSpan = 40; this.initialLifeSpan = lifeSpan; this.lifeSpan = lifeSpan; this.position = { x: x, y: y }; this.zIndex = 999; this.image = image; this.update = function (context) { this.lifeSpan--; const opacity = Math.max(this.lifeSpan / this.initialLifeSpan, 0); context.globalAlpha = opacity; context.drawImage(this.image, this.position.x, this.position.y); }; } init(); }

About me

Shrine

Sources