Pokémon JavaScript Game Tutorial with HTML Canvas

Pokémon JavaScript Game Tutorial with HTML Canvas

Chris Courses via YouTube Direct link

Import and Render Map

14 of 34

14 of 34

Import and Render Map

Class Central Classrooms beta

YouTube videos curated by Class Central.

Classroom Contents

Pokémon JavaScript Game Tutorial with HTML Canvas

Automatically move to the next video in the Classroom when playback concludes

  1. 1 Introduction
  2. 2 Game Map Theory
  3. 3 Where to Find Free Game Assets
  4. 4 Download Tiled and Import a Tileset
  5. 5 Tile Brush, Paint Bucket, and Randomization
  6. 6 Landmass Formations
  7. 7 Tile Layering for a Plateau
  8. 8 Layering and Placement of Trees
  9. 9 Paths and Landscape Details
  10. 10 Collisions and Map Boundaries
  11. 11 Foreground Layers
  12. 12 Exporting Layers for Project Import
  13. 13 Programming - Project Setup
  14. 14 Import and Render Map
  15. 15 Player Creation
  16. 16 Move Player Through Map on Keydown
  17. 17 Player-to-Map-Boundary Collisions
  18. 18 Foreground Object Programming
  19. 19 Player Movement Animation
  20. 20 Battle Activation
  21. 21 Transition from Map to Battle Sequence
  22. 22 Draw Battle Background
  23. 23 Add Battle Sprites
  24. 24 Add Attack Bar Interface
  25. 25 Add Health Bar Interface
  26. 26 Attacks - Tackle
  27. 27 Attacks - Fireball
  28. 28 Queueing Dialogue
  29. 29 Populate Attacks Based on Chosen Monster
  30. 30 Randomizing Attacks
  31. 31 Display Attack Type
  32. 32 End Battle
  33. 33 Transition Back to Map
  34. 34 Audio and Sound Effects

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.