Special Savings: 40% Off

JavaScript Game Design (2020)

Build your own games for the web! Students will learn JavaScript and Canvas programming through fun exercises, and then build classic arcade games like Snake, Pong, and Breakout. Topics Covered: JavaScript syntax, sequencing, repetition, conditional logic, nested loops, automation, pattern recognition, simple motion, keyboard and mouse events, creating and using an HTML canvas, operators, expressions, variables, collision detection, using arrays and objects to store structured data.

JavaScript Game Design Course

Advanced Level
100% Online
13 Lessons
132 Activities

Access this and 5,000 coding activities!

Get Started for Free

Give as Gift

Recommended for Ages 5+

Web iPad

No Prerequisites

Tynker Code Blocks

Tynker's visual code blocks are a great way for beginners to code, without needing to remember how to type syntax. By dragging and dropping code blocks together, young coders can produce vividly complex programs and games in our proprietary app, which includes support for graphics, sound, physics, and more.

What Kids Learn

  • Conditionals
  • Lists
  • Objects
  • advanced events
  • advanced loops
  • advanced math
  • advanced variables
  • basic math
  • canvas drawing
  • conditional loops
  • data types
  • debugging
  • delays
  • expressions
  • function calls
  • functions
  • game design
  • operators
  • pattern recognition
  • sequencing
  • shape drawing
  • simple conditionals
  • simple loops
  • simple variables
  • string handling
  • syntax
  • user interaction

How Kids Learn with Tynker

Kids learn on their own with a guided, hands-on approach that individualizes the learning experience. Tynker's online courses provide a complete learning system for your child to master the fundamentals of programming. Tynker's visual programming language makes it easy to learn, and once kids gain proficiency, they can seamlessly transition to Javascript coding within the Tynker learning system. Enroll in one of our plans for unlimited play across all courses.

Game-Based Learning

Tynker's self-guided lessons break down coding concepts while solving puzzles and making cool apps.

Interactive Assessments

Quick practice quizzes and assessment tests evaluate a child's comprehension of subjects taught.

Captivating Topics

There's always something to learn with multiple subjects, projects, and coding languages available.

System Requirements

Online courses require a desktop computer, laptop computer, Chromebook, or Netbook with Internet connection and a Chrome (29+), Firefox (30+), Safari (7+), or Edge (20+) browser. No downloads required.

The Basics

Get used to typing and syntax and learn the basics of JavaScript.

16 Activities:

  • Welcome
  • Video
  • Set Sail
  • Smooth Sailing
  • Turn Right
  • Treasure Ahoy!
  • Turn Right, Turn Left
  • What Are Comments?
  • Turn. Turn. Turn.
  • Buggy Code
  • What Are Naming Conventions?
  • More Bugs?
  • Complete the Path
  • Light it Up!
  • Review
  • Quiz

Loops and Patterns

Learn to recognize patterns and use a "for" loop to solve problems.

16 Activities:

  • Repeating Commands
  • What Are Loops?
  • What Is Indentation?
  • What Are Arithmetic Operators?
  • Onwards, Forward!
  • Broken Steering 1
  • Broken Steering 2
  • Two Loops
  • Jump, Forward
  • Forward, Jump
  • Up and Down
  • What Are Nested Loops?
  • Navigating the "C"s
  • Pattern Maker
  • Review
  • Quiz

Conditional Logic

Learn about conditionals in JavaScript.

16 Activities:

  • What Are Conditionals?
  • Path Left
  • Path Right
  • More Turns!
  • What Are Assignment Operators?
  • What Are Comparison Operators?
  • What Are Logical Operators?
  • Stormy Path
  • What Is an "Else"?
  • Stormy Turns 1
  • Stormy Turns 2
  • What Are Nested Ifs?
  • Stormy Night 1
  • Stormy Night 2
  • Review
  • Quiz

Conditional Loops

Learn how to use the "while" loop and the "do-while" loop in JavaScript.

11 Activities:

  • What Is a While Loop?
  • Detect a Path
  • Forward, Left
  • Right, Forward
  • What Is a Do-While Loop?
  • Path Ahead?
  • Left Spiral
  • Right Spiral
  • Choose a Path
  • Review
  • Quiz

Variables

Learn to use variables to store information in JavaScript.

15 Activities:

  • What Are Variables?
  • Fuel Up
  • Stockpile
  • Rocket Jump
  • What Are Strings?
  • Treasure Chest 1
  • How Do You Declare Multiple Variables?
  • Open Fire
  • It's a Toughie
  • Treasure Chest 2
  • Junkyard
  • Smart Cannon
  • Treasure Chest 3
  • Review
  • Quiz

Expressions

Learn about expressions in JavaScript.

11 Activities:

  • What Are Expressions?
  • X Marks the Spot 1
  • X Marks the Spot 2
  • What Are Numbers?
  • What is Operator Precedence?
  • X Marks the Spot 3
  • X Marks the Spot 4
  • What Are Arrays?
  • What are Objects?
  • Review
  • Quiz

Using the Canvas

Discover the canvas element, sprites, layering, and sorting

14 Activities:

  • What Is the HTML Canvas Element?
  • How Do You Set Up the Canvas?
  • How Do You Add Delays?
  • How Do You Add Images?
  • Slideshow
  • What Are Canvas Coordinates?
  • Design a Scene
  • What Is Canvas Drawing?
  • Snowman
  • Concentricity
  • How Do You Create Timed Loops?
  • Animation
  • Review
  • Quiz

User Interaction

Learn to set up and handle keyboard and mouse events in JavaScript.

11 Activities:

  • What Is User Interaction?
  • What Are Keyboard Events?
  • What Are Key Codes?
  • Moving Ships
  • Line Art
  • What Are Mouse Events?
  • What Is the Mouse Location?
  • Follow the Mouse
  • Stamping Tool
  • Review
  • Quiz

Game Design

Learn about game loops, win/loss conditions, and keeping score in JavaScript.

16 Activities:

  • What Are Game Loops?
  • Game Setup and Concept
  • Game Obstacle
  • Game Hero
  • What Is Collision Detection?
  • First Contact
  • Finders Keepers
  • How to Keep Score?
  • Score Keeper
  • What Are Win/Loss Conditions?
  • Losing It
  • Winning
  • What Are Credits?
  • Roll Credits
  • Review
  • Quiz

Snake

Create a "Snake" game on your own.

1 Activity:

  • Snake

Breakout

Build a game of "Breakout" on your own.

1 Activity:

  • Breakout

Pong

Program a game of "Pong" on your own.

1 Activity:

  • Pong

Final Game

Build a game of your choice. Choose from "Flappy Bird", "Alien Invaders", and "Geometry Dash".

3 Activities:

  • Geometry Dash
  • Alien Invaders
  • Flappy Bird

Conditionals

Lists

Objects

advanced events

advanced loops

advanced math

advanced variables

basic math

canvas drawing

conditional loops

data types

debugging

delays

expressions

function calls

functions

game design

operators

pattern recognition

sequencing

shape drawing

simple conditionals

simple loops

simple variables

string handling

syntax

user interaction

Choose a Plan to Accelerate Learning

All plans include access for up to 3 children

40% OFF

Quarterly

$30 $18/month Now $54 billed quarterly cancel any time
40% OFF

Yearly

$25 $15/month Now $180 billed annually cancel any time
40% OFF

Lifetime*

$780 $468 one time payment Best Deal

Access everything Tynker offers

  • Thousands of hours of creative projects in Game Design, Minecraft, Python concepts, and more
  • Personalized assessments and certifications in real-world languages
  • Access to our highly rated mobile apps: Tynker, Tynker Junior & Mod Creator
  • 5,000+ lessons built to improve problem solving skills and academic performance
  • Parent dashboard with mastery stats - watch as they progress from novice to expert
  • 30 Day Money-Back Satisfaction Guarantee