HOME > Development > Code Your First Game- Arcade Classic in JavaScript on Canvas

Code Your First Game- Arcade Classic in JavaScript on Canvas

  • Development
  • Dec 25, 2024
SynopsisCode Your First Game: Arcade Classic in JavaScript on Canvas,...
Code Your First Game- Arcade Classic in JavaScript on Canvas  No.1

Code Your First Game: Arcade Classic in JavaScript on Canvas, available at Free, has an average rating of 4.45, with 12 lectures, based on 28211 reviews, and has 385362 subscribers.

You will learn about 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 isnt Define and code a win condition and end state for your game This course is ideal for individuals who are This is for anyone who wants a quick but thorough introduction to simple game programming in a way that doesnt require any special software, download, or installation or If youve had at least a little exposure to generic programming concepts like variables, functions, and if-statements youll have an advantage, however in case youve never heard those terms theyre explained briefly as they come up or Although this a uses JavaScript and HTML5, it is not intended for someone who is focused on learning HTML5/JS for web page design It is particularly useful for This is for anyone who wants a quick but thorough introduction to simple game programming in a way that doesnt require any special software, download, or installation or If youve had at least a little exposure to generic programming concepts like variables, functions, and if-statements youll have an advantage, however in case youve never heard those terms theyre explained briefly as they come up or Although this a uses JavaScript and HTML5, it is not intended for someone who is focused on learning HTML5/JS for web page design.

Enroll now: Code Your First Game: Arcade Classic in JavaScript on Canvas

Summary

Title: Code Your First Game: Arcade Classic in JavaScript on Canvas

Price: Free

Average Rating: 4.45

Number of Lectures: 12

Number of Published Lectures: 12

Number of Curriculum Items: 12

Number of Published Curriculum Objects: 12

Original Price: Free

Quality Status: approved

Status: Live

What You Will 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 isnt
  • Define and code a win condition and end state for your game
  • Who Should Attend

  • This is for anyone who wants a quick but thorough introduction to simple game programming in a way that doesnt require any special software, download, or installation
  • If youve had at least a little exposure to generic programming concepts like variables, functions, and if-statements youll have an advantage, however in case youve never heard those terms theyre 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
  • Target Audiences

  • This is for anyone who wants a quick but thorough introduction to simple game programming in a way that doesnt require any special software, download, or installation
  • If youve had at least a little exposure to generic programming concepts like variables, functions, and if-statements youll have an advantage, however in case youve never heard those terms theyre 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
  • 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.

    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.

    (HTML5 Logo in the course image is by W3C, licensed under Creative Commons Attribution 3.0 Unported.)

    Course Curriculum

    Chapter 1: Setting Up the Code and Learning Essential Concepts

    Lecture 1: Introduction and First Code File

    Lecture 2: Drawing and Positions

    Lecture 3: Movement and Time

    Lecture 4: Clean Up the Code

    Chapter 2: Getting the Core Gameplay Working

    Lecture 1: Bouncing the Ball

    Lecture 2: Circle Draw Details

    Lecture 3: Ball 2D Motion, Paddle

    Lecture 4: Ball Reset and Collision

    Lecture 5: Paddle AI and Scoring

    Chapter 3: Polishing Details for a Better Experience

    Lecture 1: Ball Control & Winning

    Lecture 2: Mouse Click, Draw Net

    Lecture 3: Bonus Lecture: Join HomeTeamGameDev.com – it includes our second course+textbook

    Instructors

  • Code Your First Game- Arcade Classic in JavaScript on Canvas  No.2
    Chris DeLeon
    Independent Game Development Educator, 26 years making games
  • Rating Distribution

  • 1 stars: 273 votes
  • 2 stars: 348 votes
  • 3 stars: 1964 votes
  • 4 stars: 8137 votes
  • 5 stars: 17489 votes
  • Frequently Asked Questions

    How long do I have access to the course materials?

    You can view and review the lecture materials indefinitely, like an on-demand channel.

    Can I take my courses with me wherever I go?

    Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!