HTML canvas from basics to advanced
  • Final project preview, HTML and CSS setup
  • Basic JavaScript setup
  • How to use resize event listener to prevent stretching
  • Drawing a circle with arc method
  • Mouse interactivity with click event
  • Paint brush effect with mousemove event
  • Animation loop
  • How to create a particle system with JavaScript classes
  • Particle trail effect
  • Interactive colors with HSL color declaration
  • Constellations effect explained
  • Well Done!