✓ Create, display, and play with a 2D tile world that supports optimized collision (a central concept for generations of games in a variety of genres!)
✓ Program games in JavaScript for HTML5 Canvas without using any external libraries or plug-ins
✓ Create, load, display, and rotate image graphics in games
✓ Break game code into multiple files to better manage large projects
✓ Define a class and use it to create multiple instances of gameplay objects in unique positions (note: only using the very basic first concept of object-oriented programming, it doesn’t dive deep into that rabbit hole)
✓ Handle mouse input for a one-player game, or keyboard controls for both one and two-player games
✓ Implement basic item pick-ups (keys) and trigger their usage upon collision (open doors)
✓ Develop and adapt gameplay for basic platformer movement, digital board/strategy games, simple matrix formations for retro arcade-style enemies, and worlds larger than the screen viewed by scrolling camera
✓ Apply simple trigonometry calls to move game objects at arbitrary angles
✓ Implement basic loading screen functionality in HTML5
• Any plain text editor like Notepad will do, however one which supports features for programmers such as multiple file tabs, code highlighting, line numbers, and smart/auto-indentation can be handy for later phases as the code grows in length (Notepad++ is free for Windows, TextWrangler for Mac, or Sublime Text 2 which I use has a fully functional free trial for either)
• Any common web browser should work fine, although I use Google Chrome (free) so you may prefer that one just to see on your side exactly how it shows up in the videos
• To follow along the few steps for drawing art you’ll need a program that lets you draw and save images with transparency. I use a slightly older version of Photoshop, although free alternatives exist and the steps are similar. I also attach all art files that I create, so if you prefer to only focus on the coding steps you can download the images that I create in the videos.
• Anyone who wants to learn practical skills to program their own games at home
• People who may already be familiar with programming concepts but are new to applying that knowledge to making real-time computer games
• Creators who have only ever tried drag-and-drop tools but are interested in learning more about how to make games by programming for an deeper level of control over the details
• Developers interested in getting practice with a more traditional “code only” approach to core gameplay programming before moving on to major engines and tools (which are not covered in this course) like Unity or Unreal
• People looking for a technical game design foundation based in indie-style games or classic gameplay as a starting point
• New developers who completed the free course “Code Your First Game: Arcade Classic in JavaScript on Canvas” and are looking to further build upon their game development skills in JavaScript on HTML5 Canvas
• Please note that advanced topics like object-oriented programming are only very briefly touched upon – software engineering patterns are generally outside the scope of this course
Chris has been making games for 23 years. He’s worked with startups and AAA games, taught game creation at Georgia Tech, and spoken at more than 10 conferences (including GDC, IndieCade, and SIEGE). Over 300,000 students have done his online courses, and he’s made hundreds of videos and 150 podcast industry interviews to help people discover game development. Today he runs HomeTeam GameDev, where people around the world learn game development together in a practical way building long-term remote team projects, with included access to 1-on-1 support and ongoing mentorship.
