Completed
⌨️ Animated parallax backgrounds
Class Central Classrooms beta
YouTube videos curated by Class Central.
Classroom Contents
Code a 2D Game Using JavaScript, HTML, and CSS (w/ Free Game Assets) – Tutorial
Automatically move to the next video in the Classroom when playback concludes
- 1 ⌨️ Intro
- 2 ⌨️ HTML & CSS setup
- 3 ⌨️ Basic JavaScript setup
- 4 ⌨️ Object Oriented programming with JavaScript
- 5 ⌨️ Creating Player and Game objects
- 6 ⌨️ Animation loop
- 7 ⌨️ Keyboard inputs
- 8 ⌨️ Creating projectiles
- 9 ⌨️ Periodic events
- 10 ⌨️ Drawing game UI
- 11 ⌨️ Base enemy class
- 12 ⌨️ Collision detection between rectangles
- 13 ⌨️ Drawing game score
- 14 ⌨️ Win and lose condition
- 15 ⌨️ Counting game time
- 16 ⌨️ Animated parallax backgrounds
- 17 ⌨️ Sprite animation with JavaScript
- 18 ⌨️ Creating a debug mode
- 19 ⌨️ Animating enemy sprite sheets
- 20 ⌨️ Night Angler enemy class
- 21 ⌨️ Lucky Fish enemy class
- 22 ⌨️ Collecting power ups
- 23 ⌨️ Drawing projectiles as images
- 24 ⌨️ Custom fonts and game text
- 25 ⌨️ Cleaning up
- 26 ⌨️ Particle effects and physics
- 27 ⌨️ Particle rotation
- 28 ⌨️ Tweaks and fixes
- 29 ⌨️ Hive Whale enemy class
- 30 ⌨️ Drone enemy class
- 31 ⌨️ Dust effect animation
- 32 ⌨️ Fire effect animation
- 33 ⌨️ Tuning game difficulty
- 34 ⌨️ What to do next?
