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.

Computing

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!
Create New JS Program Create New Webpage Browse Creations
Help Requests Project Evaluations Community Questions
A thumbnail for: Intro to JS: Drawing & Animation

Intro to JS: Drawing & Animation

In these tutorials, you'll learn how to use the JavaScript language and the ProcessingJS library to create fun drawings and animations. If you've never programmed before, start here to learn how!
A thumbnail for: Advanced JS: Games & Visualizations

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?
A thumbnail for: Advanced JS: Natural Simulations

Advanced JS: Natural Simulations

Learn how to use JavaScript, ProcessingJS, and mathematical concepts to simulate nature in your programs. These tutorials are a derivative of "The Nature of Code" book by Daniel Shiffman (natureofcode.com), used under CC BY-NC.
A thumbnail for: HTML/CSS: Making webpages

HTML/CSS: Making webpages

Learn how to use HTML and CSS to make webpages. HTML is the markup language that you surround content with and it tells the browser about the parts of your page like headings, lists, and tables. CSS is the stylesheet language that you style the page with, which tells the browser to change the color, font, layout, and more.
A thumbnail for: Meet the Professional

Meet the Professional

What can you do with computer science and programming skills once you've learned them? We've invited people from all around the world and the industry to introduce themselves to you. Find out how diverse our field can be!
Computer programming
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?
New Program Documentation
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.

Scene management

Learn how to change between multiple scenes in your program, even if they're animated or interactive.

Buttons

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

3D Shapes

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!