$\color {darkgreen} \text {Game Development Fundamentals}$

• [ ] HTML5 Canvas:
  • MDN Web Docs: Canvas API Tutorial
  • W3Schools: HTML Canvas Tutorial
• [ ] Game Loop:
  • MDN Web Docs: Anatomy of a video game
  • Isaac Sukin's article: Detailed explanation of JavaScript game loops and timing
• [ ] RequestAnimationFrame:
  • MDN Web Docs: requestAnimationFrame() method
  • CSS-Tricks article: Using requestAnimationFrame
• [ ] Object Oriented Programming (OOP):
  • MDN Web Docs: Introduction to object-oriented JavaScript
  • FreeCodeCamp: How JavaScript implements Object-Oriented Programming
• [ ] Asset loading and management:
  • MDN Web Docs: Using XMLHttpRequest (for loading assets)
  • HTML5 Rocks: An asset manager for your game
• [ ] Input handling (keyboard, mouse, touch):
  • MDN Web Docs: KeyboardEvent and MouseEvent
  • MDN Web Docs: Touch events
  • HTML5 Game Devs forum: How to handle keyboard input

Making Your First Game: Basics - How To Start Your Game Development - Extra Credits

Making Your First Game: Practical Rules - Setting (and Keeping) Goals - Extra Credits

Making Your First Game: Minimum Viable Product - Scope Small, Start Right - Extra Credits

Game Development for Noobs | Beginner Guide

Game Development for Dummies | The Ultimate Guide

Course | edX

$\color {darkgreen} \text {Graphics and Rendering}$

• [ ] 2D Game Art:
  • Udemy course: How to make 2D game art! Simple assets, even if you are bad at drawing
  • YouTube video: How to Learn Game Art!
  • Article: 5 Steps To Gorgeous Game Art
• [ ] Sprites and Sprite Manipulation:
  • MDN Web Docs: Basic animations tutorial (covers sprite animation)
  • HTML5 Game Devs forum: Discussion on Sprite Animation in HTML5 Canvas
• [ ] Canvas API:
  • MDN Web Docs: Canvas API Tutorial
  • W3Schools: HTML Canvas Tutorial
  • YouTube video: HTML5 Canvas Tutorial for Complete Beginners
• [ ] WebGL basics:
  • YouTube video: WebGL 3D Graphics Explained in 100 Seconds
• [ ] Animation techniques:
  • MDN Web Docs: requestAnimationFrame() method
  • CSS-Tricks article: Using requestAnimationFrame

HTML5 Canvas Tutorial for Complete Beginners