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

Introduction to TensorFlow for Artificial Intelligence, Machine Learning, and Deep Learning (Coursera) Coursera
DeepLearning.AI

Introduction to TensorFlow for Artificial Intelligence, Machine Learning, and Deep Learning (Coursera)

If you are a software developer who wants to build scalable AI-powered algorithms, you need to understand how to use the tools to build them. This course is part of the upcoming Machine Learning in Tensorflow Specialization and will teach you best practices for using TensorFlow, a popular open-source framework for machine learning.

Nov 9th 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
Artificial Intelligence (AI) Education for Teachers (Coursera) Coursera
Macquarie University

Artificial Intelligence (AI) Education for Teachers (Coursera)

Today’s learners need to know what artificial intelligence (AI) is, how it works, how to use it in their everyday lives, and how it could potentially be used in their future. Using AI requires skills and values which extend far beyond simply having knowledge about coding and technology. This course is designed by teachers, for teachers, and will bridge the gap between commonly held beliefs about AI, and what it really is. AI can be embedded into all areas of the school curriculum and this course will show you how. This course will appeal to teachers who want to increase their general understanding of AI, including why it is important for learners; and/or to those who want to embed AI into their teaching practice and their students’ learning.

Nov 16th 2026
5-12 Weeks
Business Considerations for 5G with Edge, IoT, and AI (Coursera) Coursera
EDUCBA

Business Considerations for 5G with Edge, IoT, and AI (Coursera)

By completing this course, learners will be equipped with the knowledge and skills necessary to navigate the complex landscape of 5G technology and its intersection with edge computing, IoT, and AI. They will gain a comprehensive understanding of how these technologies converge to drive business innovation and success in the digital age. Real-world case studies and practical insights will enable participants to apply their learning directly to their organizations, fostering a competitive advantage in the rapidly evolving marketplace.

Nov 16th 2026
2 Weeks
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
Microsoft 365 Copilot: Personal Productivity for All (Coursera) Coursera
Vanderbilt University

Microsoft 365 Copilot: Personal Productivity for All (Coursera)

Dive into the next wave of digital productivity with our course centered on Microsoft 365 Copilot. As impactful as the smartphone revolution, Microsoft 365 Copilot is poised to redefine how we approach myriad tasks, bringing the nuanced capabilities of generative AI to your fingertips. With this course, discover how to leverage this powerful assistant in your daily routine, transforming every challenge into an opportunity for excellence.

Nov 16th 2026
1 Week
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
Introduction to Digital Transformation (Coursera) Coursera
Siemens

Introduction to Digital Transformation (Coursera)

This course is primarily for professionals, college students, and advanced high school students who are interested in driving the digital transformation by integrating automation, software, and cutting-edge technologies. This course represents a foundational introduction to Digital Transformation, appropriate for learners with a basic familiarity with common business terms and concepts and an interest in digital technology.

Nov 16th 2026
5-12 Weeks