Code Your First Game: Arcade Classic in JavaScript on Canvas (Udemy)

Code Your First Game: Arcade Classic in JavaScript on Canvas (Udemy)

Program a complete game today. No special software or install required. All you need is a text editor and a web browser. At the end of this short course you'll have programmed your first game. You'll learn gameplay development fundamentals by really doing it – writing and running real code on your own machine.

Class Deals by MOOC List - Click here and see Udemy's Active Discounts, Deals, and Promo Codes.

What you'll learn

  • Display, position, and move filled shapes for retro and prototype gameplay
  • Move a ball around your game space such that it bounces off boundaries
  • Handle real-time mouse input
  • Detect and respond to simple collisions
  • Program very basic artificial intelligence
  • Keep and display score during play
  • Understand the subtle, key difference between a classic game in this style which is fun to play versus one that isn't
  • Define and code a win condition and end state for your game

Each step of the course has the source code attached exactly as it should look at that time (click "View Resources" then "Downloadable Resources"), for you to compare to or pick up from, so you can't get stuck!
Begin Your Game Programming Journey the Proven Way
"Make the simplest game possible." "Program a ball and paddle project." "Practice by first remaking something from the 1970's." All beginning developers hear this advice from more experienced peers... because it works!
By following this approach you will:

  • Learn design from a fun classic that people know and enjoy.
  • Start your practice today – now! – without waiting for an idea.
  • Finish your game in hours or in a weekend, not over months.
  • Understand every line of code used in the entire program.
  • Avoid distraction from searching for or creating detailed art.
  • Master fundamentals needed to make your own games better.
  • You can program this game with a normal text editor, and run it in the web browser you already have. No special software is needed.

Though you'll be coding in JavaScript for HTML5 canvas in this course, the focus is on common game programming concepts. You can later apply these same patterns to get quick results in other programming languages such as C#, Java, ActionScript 3, C++, or Python.
I'm a private game development trainer, and for clients new to gameplay programming this is exactly the material that I cover to get them started quickly. Within hours you will have finished programming your first project. This is the fastest way to get results. The momentum gained from doing this provides a solid foundation to give more advanced concepts meaning and context as you continue on in your journey of learning game development.

Who this course is for:

  • This is for anyone who wants a quick but thorough introduction to simple game programming in a way that doesn't require any special software, download, or installation
  • If you've had at least a little exposure to generic programming concepts like variables, functions, and if-statements you'll have an advantage, however in case you've never heard those terms they're explained briefly as they come up
  • Although this a uses JavaScript and HTML5, it is not intended for someone who is focused on learning HTML5/JS for web page design

Requirements

  • Very early on students will need to show file extensions in their operating system (explained briefly in the video)
  • If a plain text editor is available that has programming features like line numbers and auto-indent (ex. Notepad++ on PC, TextWrangler on Mac) that may be handy but is not necessary, as a generic text editor like Notepad or TextEdit will work fine for a program of this size
Go to Class
MOOC List is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

Related Courses

Generative AI for Leaders (Coursera) Coursera
Vanderbilt University

Generative AI for Leaders (Coursera)

Leaders are constantly seeking innovative tools to amplify their impact. Dive into the realm of Generative AI, a groundbreaking technology poised to redefine the leadership landscape more profoundly than the Internet itself. This course offers a comprehensive journey into understanding, applying, and mastering Generative AI as a robust tool to amplify leadership capabilities.

Nov 16th 2026
3 Weeks
Developing AI Policy (Coursera) Coursera
Fred Hutchinson Cancer Center

Developing AI Policy (Coursera)

AI tools are already changing how we work, and they will continue to do so for years. Over the next few years, we’re likely going to see AI used in ways we’ve never imagined and are not anticipating. This course will guide you as you lead your organization to adopt AI in a way that’s not unethical, illegal, or wrong. This course empowers you to make informed decisions and confidently create an AI policy that matches your organizational goals.

Nov 16th 2026
1 Week
Deep Learning Prerequisites: The Numpy Stack in Python V2 (Udemy) Udemy
Lazy Programmer Inc.

Deep Learning Prerequisites: The Numpy Stack in Python V2 (Udemy)

Welcome! This is Deep Learning, Machine Learning, and Data Science Prerequisites: The Numpy Stack in Python (V2). The reason I made this course is because there is a huge gap for many students between machine learning "theory" and writing actual code. As I've always said: "If you can't implement it, then you don't understand it". Without basic knowledge of data manipulation, vectors, and matrices, students are not able to put their great ideas into working form, on a computer.

Self Paced
Self-Paced
AI-Driven Attribution Testing (Coursera) Coursera
Board Infinity

AI-Driven Attribution Testing (Coursera)

Welcome to AI-Driven Attribution Testing course an engaging and comprehensive course designed to guide you through the fundamental concepts and practical applications of attribution testing powered by artificial intelligence. This course is most suitable for marketers, data analysts, data scientists, and business leaders who aim to leverage data-driven insights for decision-making. It's also beneficial for students and professionals with a keen interest in the convergence of AI, data analysis, and marketing.

Nov 16th 2026
2 Weeks
Exploring AI Possibilities (Coursera) Coursera
Fred Hutchinson Cancer Center

Exploring AI Possibilities (Coursera)

This course on Exploring AI Possibilities for Decision Makers explores the growing use of AI across disciplines and its potential benefits and challenges. The course covers necessary context, such as discussing what AI is, how it works, and key definitions in AI. Through exploring the many AI possibilities at your fingertips, you will build leadership skills for helping your business or community work more efficiently, creatively, and ethically.

Nov 16th 2026
1 Week
AI for Decision Makers (Coursera) Coursera
Fred Hutchinson Cancer Center

AI for Decision Makers (Coursera)

This course on AI for Decision Makers explores the growing use of AI across disciplines and its potential benefits and challenges. The course covers necessary context, such as discussing what AI is, how it works, Ethical considerations, and policy considerations. Through exploring the many AI possibilities at your fingertips, you will build leadership skills for helping your business, lab, organization, or community work more efficiently, creatively, and ethically.

Nov 16th 2026
5-12 Weeks
AI Concepts and Strategy (Coursera) Coursera
Rutgers University

AI Concepts and Strategy (Coursera)

Artificial intelligence (AI) is rapidly evolving as a multidimensional paradigm, with critical implications for individuals, communities, organizations, businesses, national and regional economies and human society at large. This unique course will help you understand AI on three dimensions: Practice, Principles & Strategy. The course is introductory in nature but will provide a reasonably rigorous learning experience towards gaining a state of the art applied and philosophical overview of AI.

Nov 16th 2026
4 Weeks
Artificial Intelligence: Ethics & Societal Challenges (Coursera) Coursera
Lund University

Artificial Intelligence: Ethics & Societal Challenges (Coursera)

Artificial Intelligence: Ethics & Societal Challenges is a four-week course that explores ethical and societal aspects of the increasing use of artificial intelligent technologies (AI). The aim of the course is to raise awareness of ethical and societal aspects of AI and to stimulate reflection and discussion upon implications of the use of AI in society.

Nov 16th 2026
4 Weeks
Determining AI Needs (Coursera) Coursera
Fred Hutchinson Cancer Center

Determining AI Needs (Coursera)

There are a ever increasing number of options, strategies and solutions for integrating AI solutions into a project. It can feel overwhelming to understand what these options entail let alone understand how to decide what solution best fits a use case. In this course we aim to give individuals the basic info they need to make basic plans for integrating AI tools into their project.

Nov 16th 2026
1 Week