emjose / mousetrail-wandavision

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 25: March 9, 2021

• I enjoyed creating mouse trails for Day 24 (see one, two, three, four, and Spectrum).

• For Day 25, I wanted to work on a mouse trail effect that reveals a background image.

• This mouse trail uses tsParticles, a lightweight Typescript library for creating particles.

• I loved the TV show WandaVision, and the mouse trail reveals the character Wanda Maximoff/Scarlet Witch, portrayed by the actress Elizabeth Olsen.

1. Git clone and cd into the repo folder:

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

2. Run the command:

open index.html

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

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

• The WandaVision Mouse Trail is a progressive web app.

• tsParticles by Matteo Bruni

• tsParticles on Github

• particles.js by Vincent Garreau

• particles.js on Github

• Wanda Maximoff/Scarlet Witch image by WallpaperAccess

• WandaVision on Disney+

• My blog on how I created my Github READMEs

• This project is for made for educational purposes only.

• All WandaVision images and characters are copyright of MARVEL. © MARVEL. All Rights Reserved.