• 100 Days of Code
• Installation
• Live Site
• Resources
• 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 two, three, four, Spectrum).

• 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 git@github.com:emjose/mousetrail-particle1.git && cd mousetrail-particle1

2. Run the command:

open index.html

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

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

• Mouse Trail 1 is a progressive web app.

• 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