Learn to code a 2D game using JavaScript, HTML, and CSS with this tutorial. The course covers creating player and game objects, animation loops, keyboard inputs, projectile creation, collision detection, game UI design, enemy classes, power-ups, particle effects, and more. The teaching method involves building a game from scratch using vanilla JavaScript, HTML5, and CSS3, with no frameworks or libraries. This course is intended for individuals interested in game development and programming, with a focus on 2D game design using web technologies.
Overview
Syllabus
⌨️ Intro
⌨️ HTML & CSS setup
⌨️ Basic JavaScript setup
⌨️ Object Oriented programming with JavaScript
⌨️ Creating Player and Game objects
⌨️ Animation loop
⌨️ Keyboard inputs
⌨️ Creating projectiles
⌨️ Periodic events
⌨️ Drawing game UI
⌨️ Base enemy class
⌨️ Collision detection between rectangles
⌨️ Drawing game score
⌨️ Win and lose condition
⌨️ Counting game time
⌨️ Animated parallax backgrounds
⌨️ Sprite animation with JavaScript
⌨️ Creating a debug mode
⌨️ Animating enemy sprite sheets
⌨️ Night Angler enemy class
⌨️ Lucky Fish enemy class
⌨️ Collecting power ups
⌨️ Drawing projectiles as images
⌨️ Custom fonts and game text
⌨️ Cleaning up
⌨️ Particle effects and physics
⌨️ Particle rotation
⌨️ Tweaks and fixes
⌨️ Hive Whale enemy class
⌨️ Drone enemy class
⌨️ Dust effect animation
⌨️ Fire effect animation
⌨️ Tuning game difficulty
⌨️ What to do next?
Taught by
freeCodeCamp.org
Related Courses
-
Animated Physics Game with JavaScript - Tutorial
-
JavaScript Game Development Course for Beginners
-
Game Development with LÖVE 2D and Lua – Full Course
4.0 -
Learn Game Development with JavaScript
-
HTML5 Game from scratch step by step learning JavaScript
-
Code Asteroids in JavaScript (1979 Atari game) - tutorial
