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.

Computer programming

Learn how to program drawings, animations, and games using JavaScript & ProcessingJS, or learn how to create webpages with HTML & CSS. You can share whatever you create, explore what others have created and learn from each other!
Help Requests Project Evaluations Community Questions
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.

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!