Make a Pokémon Game in JavaScript (Tutorial)
Become a member to get early access to upcoming tutorials : https://buymeacoffee.com/jslegend
For written tutorials, go to my substack : https://jslegenddev.substack.com/
Like the tutorial? You can support me here : https://www.buymeacoffee.com/jslegend
Live demo : https://jslegend.itch.io/p5-pokemon-prototype
Source code (Github repo) : https://github.com/JSLegendDev/Pokemon-p5js
Assets (where you can download everything at once) : https://github.com/JSLegendDev/Pokemon-p5js/tree/master/assets
Alternative link (where you need to download one by one) : https://github.com/JSLegendDev/Pokemon-p5js/tree/master/assets
- Software -
VSCode : https://code.visualstudio.com/
Tiled : https://www.mapeditor.org/
Download p5.js here : https://p5js.org/download/ (scroll down to find the download section for p5.min.js)
Chapters
0:00 Intro
1:44 Project Setup
2:19 Making the canvas responsive with CSS
6:40 Setting up p5
8:32 How to load fonts + Initializing canvas
12:18 Creating the menu scene
28:21 Creating the world scene
42:21 Writing the player code
1:08:36 Error in setAnimFrame
1:15:32 Implementing a camera
1:42:38 Fixing player movement
1:46:05 Drawing the world map in Tiled
2:04:17 Implementing the world map in the game
2:30:11 Creating hitboxes for the world (Collidables)
2:43:54 Implementing debug mode
3:10:25 Writing the code for the NPC
3:27:18 Implementing dialog system
3:48:51 Making screen blink when talking to NPC
4:00:22 Implementing Battle scene + system
-
2:28:02
GoodLawgic
7 hours agoThe Following Program: Jack Smith Loses Gag; De Niro Needs A Gag; Closing Arguments
18.5K23 -
1:23:07
Graham Allen
22 hours agoTrump Drops A NUKE On Libertarians!!! + A New Frontrunner For VP?!
108K183 -
33:53
Steven Crowder
21 hours agoTalking With People | Why Everybody and their Sister thinks Former Vice President Joe Biden SUCKS!
222K766 -
2:04:29
Price of Reason
13 hours agoFuriosa FLOPS! Box Office in CRISIS! Green Lanterns Show Greenlit, GamerGate 2 Update w Dreadroberts
21.8K -
28:50
Degenerate Plays
22 hours agoA New Challenger Appears - Call Of Duty Modern Warfare Remastered : Part 1
16.1K1 -
5:16
Chrissy Clark
11 hours agoVandal Faces FELONY Charge For Doing Donuts On Pride Mural
23.3K48 -
2:20:02
Desiboylee
13 hours agoWarzone 3.0. OD-LSW 78
28.3K2 -
2:01:23
Jerry After Dark
16 hours agoJerry After Dark: Life Size Board Games ft. The Yak
45.9K4 -
1:34:39
FULL SEND PODCAST
5 days agoDon Lemon vs. Nelk Boys!
71.4K81 -
1:29:51
Glenn Greenwald
12 hours agoBiden Humiliated as Ukraine Nears Defeat and U.S. Aid Pier in Gaza Fails; Covid Email Scandal Revealed | SYSTEM UPDATE #273
86.5K247