Skip to content

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

Notifications You must be signed in to change notification settings

emjose/mousetrail-space

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

30 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

next 100 days of code next

Spectrum Mouse Trail


Spectrum Mouse Trail

Table of Contents


#100DaysOfCode

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.


Installation

1. Git clone and cd into the repo folder:

git clone git@github.com: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.


Live Site

Live Site

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

Spectrum Mouse Trail is a progressive web app.


Resources


Copyright

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

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


Let's Connect!

Twitter badge Linkedin badge Medium badge Instagram badge Gmail badge Portfolio badge Github badge

Back to Top