✩‧₊kc✧.*

✩‧₊kc✧.*'s profile picture

"4realz"

Last active:

Mood:

View my: Blog | Forum Topics

SpaceHey URL:

https://spacehey.com/kidchemical

✩‧₊kc✧.*'s Interests

General

Music

Movies

Television

Books

Heroes

Sammy is my hero.

Welcome to My Profile!

Hello, my name is [Your Name]. I'm a [your description here].

Follow me: My Blog

✨ Welcome to the coolest profile on the internet! ✨

About Me

Welcome to my profile!

Interests

  • Music
  • Movies
// dots is an array of Dot objects, // mouse is an object used to track the X and Y position // of the mouse, set with a mousemove event listener below var dots = [], mouse = { x: 0, y: 0 }; // The Dot object used to scaffold the dots var Dot = function() { this.x = 0; this.y = 0; this.node = (function(){ var n = document.createElement("div"); n.className = "trail"; document.body.appendChild(n); return n; }()); }; // The Dot.prototype.draw() method sets the position of // the object's <div> node Dot.prototype.draw = function() { this.node.style.left = this.x + "px"; this.node.style.top = this.y + "px"; }; // Creates the Dot objects, populates the dots array for (var i = 0; i < 12; i++) { var d = new Dot(); dots.push(d); } // This is the screen redraw function function draw() { // Make sure the mouse position is set everytime // draw() is called. var x = mouse.x, y = mouse.y; // This loop is where all the 90s magic happens dots.forEach(function(dot, index, dots) { var nextDot = dots[index + 1] || dots[0]; dot.x = x; dot.y = y; dot.draw(); x += (nextDot.x - dot.x) * .6; y += (nextDot.y - dot.y) * .6; }); } addEventListener("mousemove", function(event) { //event.preventDefault(); mouse.x = event.pageX; mouse.y = event.pageY; }); // animate() calls draw() then recursively calls itself // everytime the screen repaints via requestAnimationFrame(). function animate() { draw(); requestAnimationFrame(animate); } // And get it started by calling animate(). animate(); // Add some sparkles! const colors = ['#ff69b4', '#4169e1', '#32cd32']; function createSparkle() { const sparkle = document.createElement('div'); sparkle.style.position = 'fixed'; sparkle.style.left = Math.random() * 100 + 'vw'; sparkle.style.top = Math.random() * 100 + 'vh'; sparkle.style.width = '2px'; sparkle.style.height = '2px'; sparkle.style.backgroundColor = colors[Math.floor(Math.random() * colors.length)]; sparkle.style.borderRadius = '50%'; document.body.appendChild(sparkle); setTimeout(() => sparkle.remove(), 1000); } setInterval(createSparkle, 100);

✩‧₊kc✧.*'s Latest Blog Entries [View Blog]

Another day in paradise (view more)

✩‧₊kc✧.*'s Blurbs

About me:

i am 1337.

Who I'd like to meet:

✩‧₊kc✧.*'s Friends Comments

Displaying 1 of 1 comments ( View all | Add Comment )

✩‧₊kc✧.*

✩‧₊kc✧.*'s profile picture

Hello world.

Report Comment