If you're seeing this message, it means we're having trouble loading external resources for Khan Academy.

If you're behind a web filter, please make sure that the domains *.kastatic.org and *.kasandbox.org are unblocked.

Advanced JS: Games & Visualizations
Now that you know how to program in JavaScript and make basic drawings and animations, how could you use that knowledge to make games and visualizations?
Help Requests Project Evaluations Community Questions
All content in “Advanced JS: Games & Visualizations”

Intro to Games & Visualizations

A quick tour of the many components of games and visualizations, demonstrated by some of our favorite programs.

Transformations

Learn how to use translate(), rotate(), and scale() for easier manipulation of the shapes in your programs.

Buttons

Learn how to create clickable buttons for your programs that are easy to customize.

Making a Side Scroller: Hoppy Beaver

Learn how to make a simple side scroller, where you press a key to get your beaver to collect enough sticks for their den. You could easily extend this to make your favorite flappy game!

Making a Memory Game

Ever played the game where you flip over cards and try to find pairs? Learn how to program a digital version of it!