Autoplay
Autocomplete
Previous Lesson
Complete and Continue
JavaScript Game Development | EARLY ACCESS
Introduction
Start Here (2:22)
Getting Started (WIP)
Beginner: Write HTML, CSS, and JS with Visual Studio Code and Live Server (18:51)
Beginner: Getting Started with a Vite Development Environment (12:25)
Lab: Canvas RPG Kit
Canvas RPG Kit - Start Here (0:43)
01. The Game Canvas (13:24)
02. Sprite Class (20:01)
03. Game Loop (8:56)
04. Keyboard Input (7:25)
05. Grid Movement (11:14)
06. Walls (4:36)
07. Animations (20:40)
08. Game Objects (17:15)
09. Events (9:00)
10. Camera (6:11)
11. Item Pickups (19:00)
12. Inventory HUD (10:21)
13. The Ready Method (4:00)
14. The Exit Object (5:25)
15. Changing Levels (19:34)
16. Starting Position (8:03)
17. NPCs (10:54)
18. Font Text Boxes (10:28)
19. Sprite Text Boxes (17:58)
20. Typewriter (9:01)
21. Input Actions (12:16)
22. NPC Text Portraits (11:27)
23. Story Flags (14:47)
Lab: Ciabatta's Revenge
Ciabatta's Revenge - Start Here (0:54)
01. Setting up the Repository (4:02)
01b. Setup with Next.js (5:09)
02. The Sprite Component (18:01)
03. Scaling a Game Viewport (9:58)
04. Rendering Sprites (6:15)
05. Level Backgrounds (17:17)
06. Refactoring with Recoil (8:43)
07. The Level Class (10:41)
08. Game Object Classes (11:31)
09. Game Loop (6:24)
10. Rendering Objects (3:15)
11. Object Movement (10:36)
12. Direction Controls (8:32)
13. Animating the Hero (12:10)
14. Room Limit Collisions (3:56)
15. Solid Wall Placements (12:38)
16. Object Layering (3:33)
17. Floating Flour Pickups (9:34)
18. Flour Count Remaining (6:18)
19. Particle Celebration Effect (10:26)
20. Goal Tile (7:20)
21. Changing Levels (8:55)
22. Keys, Locks, and Inventory (7:42)
23. Unlockable Doors (9:19)
24. Water and Death (8:27)
25. Water Pickups and Swimming (7:36)
26. Enemy Bodies (12:38)
27. Enemy Behaviors (7:37)
28. Roaming Enemy (5:16)
29. Conveyor Belts (10:28)
30. Ice Movement (10:10)
31. Ice Pickup (6:32)
32. Fire (3:16)
33. Animated Tiles (7:35)
34. Switchable Doors (7:45)
35. Teleports (7:12)
36. Thief (6:07)
37. Camera (10:18)
38. Clock (6:40)
39. HUD Styles (9:32)
40. Styled Popups (13:27)
41. Inventory HUD (4:08)
42. Sound Effects (7:23)
43. Ciabatta Boss Battle Movement (19:28)
44. Ciabatta Boss Battle Damage (7:03)
45. Bonus- Planning in Figma 1 (7:20)
46. Bonus- Planning in Figma 2 (4:59)
47. Editing Levels (16:14)
Lab: Next JS Editor
Next JS Editor - Start Here (1:14)
01. Repo Setup (1:46)
02. Basic Routing (7:53)
03. App Layout (15:30)
04. Loading Tilesets (13:52)
05. Tileset Sidebar (13:17)
06. Selecting Tiles (21:15)
07. Painting Tiles I (26:34)
08. Painting Tiles II (11:44)
09. Layered Tiles (6:41)
10. Visible Layer UI (24:00)
11. Loading Map JSON (12:41)
12. Saving Map JSON (21:18)
13. Exporting Map Images (15:32)
14. Solid Wall Tiles (8:10)
15. Listing All Maps (6:53)
16. Object Placements (18:58)
17. Object Inspector (16:31)
18. Adding Objects (6:27)
19. Object Output (8:35)
Lab: Action Multiplayer
Action Multiplayer - Start Here (0:33)
01. Project Basics (12:31)
02. Character Animations (10:46)
03. Camera (4:25)
04. Sword Action (18:01)
05. Arrow Action (5:17)
06. Changing Skins (2:41)
07. Taking Damage (5:07)
08. Network Strings (4:31)
09. Connections with Peer JS (12:35)
10. Other Network Players (9:32)
11. Monsters (9:51)
12. Monster Damage (5:49)
13. Network Monsters (7:23)
14. Hosting (2:47)
Bonus: Front End Interview Bootcamp
01. Topics (5:36)
02. Coding Environments (9:30)
03. Technical Skills (11:03)
04-05. Challenge Prompts (18:46)
06. After the Interview (4:25)
07. Behavioral Questions (9:11)
Bonus: Danger Crew Code Tour
Danger Crew Code Tour - Start Here
01. High Level Overview (16:45)
02. Overworld (10:19)
03. Overworld React Components (8:05)
04. Battles (18:01)
05. Pixel Art UI (12:55)
06. Editor Application (21:16)
Canvas RPG Kit - Start Here
Lesson content locked
If you're already enrolled,
you'll need to login
.
Enroll in Course to Unlock