emjose / mousetrail-space

A mouse trail effect using the Canvas API and the HTML <canvas> element.

• 100 Days of Code
• Installation
• Live Site
• Resources
• Copyright
• Let's Connect!

Day 24: March 8, 2021

• I discovered a YouTube Channel called Frank's Laboratory with excellent creative coding tutorials.

• For Day 24, I made five mouse trail effects from Frank's Laboratory (see also one, two, three, four).

• The mouse trails use the Canvas API and the HTML <canvas> element to draw graphics and animations.

1. Git clone and cd into the repo folder:

git clone [e-mail]:emjose/mousetrail-space.git && cd mousetrail-space

2. Run the command:

open index.html

3. On your device, move the cursor around to see the mouse trail effect.

• Spectrum Mouse Trail is best viewed on a desktop or laptop computer browser.

• Spectrum Mouse Trail is a progressive web app.

• Unsplash

• Bouncing Particle Effects by Frank's Laboratory

• HTML5 Canvas Crash Course for Beginners by Frank's Laboratory

• Creating Particles in HTML5 Canvas

• Canvas API

• My blog on how I created my Github READMEs

• Milky Way background image from © Unsplash. All Rights Reserved.

• All other visual assets of this project are copyright of © Emmanuel Jose. All Rights Reserved.