Skip to content

Aleshere/Mouse-Circular-Motion

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

9 Commits
 
 
 
 
 
 
 
 

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