When you are creating an animation, it goes without saying that you want your animation to run smoothly and fluidly when someone is viewing it. If you are using CSS Animations, then you have nothing to worry about. Your browser takes care of everything for you. If you are creating your animation using ...

DOM vs. Canvas

Getting Started with the Canvas

Drawing Basics / Lines

Drawing Curves

Drawing Multiple Things

Drawing Rectangles (and Squares)

Drawing Triangles

Drawing Circles

Modifying How Your Corners Look

Working with Colors

Drawing Text

Drawing Images

Canvas Transformations

Structuring Your Drawing Code

Animating with requestAnimationFrame

Creating Animations on the Canvas

Animating Many Things on the Canvas

Creating Motion Trails

Creating Sprite Animations

Working With the Mouse

Follow the Mouse Cursor

Mouse Follow with Ease

Working With the Keyboard

Moving Shapes Using the Keyboard

Resizing the HTML Canvas Element

Detect Whether a Font is Installed

Animating with requestAnimationFrame