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

Inteligência Artificial para Logística (Coursera) Coursera
FIA Business School

Inteligência Artificial para Logística (Coursera)

Nossas boas-vindas ao Curso Inteligência Artificial para Logística. Neste curso, você aprenderá sobre os processos de planejamento logístico, seu escopo de atuação e sua integração com as demais áreas da empresa, e como as novas tecnologias de inteligência artificial e internet das coisas podem ampliar a eficiência e a geração de valor para a empresa.

Aug 17th 2026
4 Weeks
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
Learn Imba (Coursera) Coursera
Scrimba

Learn Imba (Coursera)

In this class, you'll dive into Imba, the programming language used to build scrimba.com. Imba, a compile-to-JavaScript language, packs a punch with nifty features for whipping up web apps, including built-in tags and styles. We'll cover the ABCs of Imba syntax and work on creating a Dopamine Box app. By the finish line, you'll be armed with the skills to construct your very own web app UI using Imba.

Aug 17th 2026
1 Week
Use Generative AI as Your Thought Partner (Coursera) Coursera
Coursera Instructor Network

Use Generative AI as Your Thought Partner (Coursera)

This is a lesson from the comprehensive program, Navigating Generative AI for Leaders. In this lesson, you’ll learn how Coursera CEO, Jeff Maggioncalda, leverages generative AI models to be a more effective CEO. Jeff will discuss how he uses AI covering everything from his set up and model choices, through hands-on prompting examples.

Aug 17th 2026
1 Week
Leveraging Virtual Assistants for Personal Productivity (Coursera) Coursera
Coursera Instructor Network

Leveraging Virtual Assistants for Personal Productivity (Coursera)

In a fast-paced world, managing personal productivity is crucial. This course introduces beginners to the world of virtual assistants and chatbots and how they can be harnessed to enhance personal productivity. Learn how to use these AI-driven tools effectively to streamline tasks, manage time, and boost overall efficiency.

Aug 17th 2026
1 Week
Automated Report Generation with Generative AI (Coursera) Coursera
Coursera Instructor Network

Automated Report Generation with Generative AI (Coursera)

In today's data-driven world, generating reports efficiently is a valuable skill for professionals across various industries. This course introduces beginners to the world of automated report generation using AI-powered tools and techniques. You will learn how to leverage the capabilities of artificial intelligence to streamline the reporting process, save time, and improve data accuracy.

Aug 17th 2026
1 Week
Innovative Teaching with ChatGPT (Coursera) Coursera
Vanderbilt University

Innovative Teaching with ChatGPT (Coursera)

Despite what you may have heard, ChatGPT offers exciting possibilities for supporting innovative teaching and personalized education. This course provides practical techniques that any educator, from K-12 to higher education, can use to help support their teaching. No experience with ChatGPT, prompt engineering, or Generative AI is required.

Aug 17th 2026
1 Week
El Abogado del Futuro: Legaltech y la Transformación Digital del Derecho (Coursera) Coursera
Universidad Austral

El Abogado del Futuro: Legaltech y la Transformación Digital del Derecho (Coursera)

La revolución digital cambió nuestra manera de comunicarnos, de comerciar y de relacionarnos. Ahora, está llegando al mundo del derecho. Este programa te ofrecerá una visión amplia de las principales tendencias que están afectando a la industria legal: - El nacimiento del mercado de legaltech y la aplicación de tecnología en el derecho. - El rol de la inteligencia artificial en la automatización del trabajo de los abogados. - La tecnología de blockchain y su impacto en la forma en que firmamos y ejecutamos contratos. - Las iniciativas para asegurar el acceso a la justicia a través de cortes virtuales y jueces robot.

Aug 10th 2026
5-12 Weeks