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

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.

Sep 21st 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
Exam Prep AI-102: Microsoft Azure AI Engineer Associate (Coursera) Coursera
Whizlabs

Exam Prep AI-102: Microsoft Azure AI Engineer Associate (Coursera)

The AI-102: Designing and Implementing a Microsoft Azure AI Solution certification exam tests the candidate’s experience and knowledge of the AI solutions that make the most of Azure Cognitive Services and Azure services. In addition, the exam also tests the candidate's ability to implement this knowledge by participating in all phases of AI solutions development—from defining requirements, and design to development, deployment, integration, maintenance, performance tuning, and monitoring.

Sep 21st 2026
5-12 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.

Sep 21st 2026
1 Week
Machine Learning Rapid Prototyping with IBM Watson Studio (Coursera) Coursera
IBM

Machine Learning Rapid Prototyping with IBM Watson Studio (Coursera)

An emerging trend in AI is the availability of technologies in which automation is used to select a best-fit model, perform feature engineering and improve model performance via hyperparameter optimization. This automation will provide rapid-prototyping of models and allow the Data Scientist to focus their efforts on applying domain knowledge to fine-tune models. This course will take the learner through the creation of an end-to-end automated pipeline built by Watson Studio’s AutoAI experiment tool, explaining the underlying technology at work as developed by IBM Research.

Sep 14th 2026
4 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.

Sep 21st 2026
2 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.

Sep 21st 2026
2 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.

Sep 21st 2026
5-12 Weeks