Learn how to use HTML5 Canvas to create shapes and animations.
Hello everyone, and welcome to this multi-part tutorial on learning HTML canvas. In this video, we will learn the basics of HTML Canvas by using canvas to create shapes and animate them using requestAnimationFrame
Find code here: https://codepen.io/shrutikapoor08/pen/xxareQq
Video Timeline:
-----------------------------
0:00:29 - What is HTML5 canvas?
0:00:55 - Creating Canvas
0:05:14 - Drawing a circle using arc method
0:06:33 - Animating circles using requestAnimationFrame
Links:
-------------------------------------
CodePen: https://codepen.io/shrutikapoor08/pen/xxareQq
Newsletter: https://tinyletter.com/shrutikapoor
Blog: https://shrutikapoor.dev
Discord: https://bit.ly/shruti-discord
Twitter: https://twitter.com/shrutikapoor08