Skip to content

Aleshere/Mouse-Circular-Motion

Folders and files

NameName
Last commit message
Last commit date

Latest commit

f877a6c · Dec 2, 2021

History

9 Commits
Jun 18, 2020
Jun 28, 2020
Dec 2, 2021
Jun 28, 2020

Repository files navigation

Mouse Circular Motion

An interesting mouse effect that follows as you move across the canvas.
It is a good project to get a grasp of geometry, animation, and screen coordinates binding as you move around.

What I have learned building this

Basics of Canvas drawing and setup with JS
Event listeners mousemove and resize
Class Particle to create multiple particles
Draw function to draw on canvas
Update function to create motion effect
Animate function via forEach

     

About

  • A super interesting project built with vanilla JavaScript
  • Project status: working