Pokémon JavaScript Game Tutorial with HTML Canvas

Please let me know if any assets are missing from the description, it's hard to QA seven hours worth of video so I definitely could have missed something.

Fully dedication. Congrats, you deserve all success of the world

Thank you for this great video! I learned so much! 😘

Still watching, but can't you save more performance just using something like a setInterval() for your animate() call, rather than making an infinite loop which will process much faster, since movement ticks are only at a certain speed, anyway? Or does it NEED to be per frame for fluidity? Wrapping my head around Canvas as I used to make JS games outside of it before Canvas was a thing (yes, I've been around the block, haha). I just thought if you wanted a Pokemon R/B/Y style movement, you could have it call animate() at a lesser rate so it isn't counting excessively fast. But, I might be missing something. :)

Nice, man. I liked seeing your Pacman code at the start of this video, too. I did similar to make a sort of top-down sneak sim where you have to get to the exit, but if you're seen, the guards converge on you. Similar idea of a top-down, with grid to build collisions and walls and funnel guards down certain parts, with some A* to find efficient ways to get to the player. I wish I knew about Tiled, though! It was annoying to do without, lol. I also lost a lot of performance doing the walls slightly differently; since each grid had an ID, I made an array of IDs that were walls, rather than making one array and creating the paths and walls in the one array. You've made such an easy, more abstract way of doing it using characters. But I did a bad thing, haha - I didn't use HTML5 Canvas, lol (it was a while ago). Probably where a lot of my performance loss was.

Anyway, it's nice to see someone else using HTML and JavaScript to make fun, simple games! Much love from a fellow dev and ICT trainer. I need to dive back in. :)

At the one Hr mark 1:00 why would you just not use the software base collision options. This would provide the user full range collision implementation without such hardship. That collision square method is pretty bad.

Sir i thing you can cut the video and reup, or post on yt shorts. Short video is always fit with YT algorithm

if only it was the same tutorial but with c# in unity. i wanna find a good tutorial to make a pokemon game so baddddd

wow you covering game editing in the first 10 minutes is so cool!

The battlezone collision I feel could have been much easier, you spend alot of time figuring minimums and maximums,

I think the most important parameters should be if the feet are fully within the battlezone.

const inBattlezone = ((Player.position.x > Battlezone.position.x) + ((Player.position.x + Player.width) < (Battlezone.position.x + Battlezone.width)) + ((Battlezone.position.y + Battlezone.height) > (Player.position.y + Player.height)) + (Battlezone.position.y <= (Player.position.y - (Player.height * .25)))) == 4;

console.log(inBattlezone);

inBattlezone will evaluate true aslong as the left side of the player is greater than the left side of the battlezone, the right side of the player is less than the right side of the battlezone, that the bottom of the player is within the battlezone, and that atleast the bottom 25% of the player is in the top of the battlezone... Its alot less function calls and it evaluates by comparing the sum of all of the conditionals to 4 (meaning all checks evaluated true)

Drinking game: Everytime he says “go ahead”, take a shot.

Does it save/load data for next time ?

I'm 45 minutes in and already so much has happened. My son asked me how to make video games so we've started with scratch Jr and I've been looking for other ways. I started learning code and then this came up. Such a cool video. I can't wait to see what all else happens in another measley 45 minutes.

After how much time watching can I access your folders? I can't download them yet.

Hi Chris, what is that neat little todo app you used for this project? Is it something you created yourself? This is incredible teaching, thank you for such quality content!

what the actual fudge this man has done , never ever thought someone can actually code this in vanilla js

UAU!!!!!!Exciting !! I'm going to put it into practicce....

This is really amazing, i'm new learn about to make a game, and for me you are a master for make this i think. But can this also be created in VB using the same code?

May you get many subscribers and continue with this incredible professionalism.Congratulation.

Can anyone help with the Todo software that is used?

un crack!

It was awesome. May you make anything video about C++ development? I mean C++ gamedev. It'll be cool!

Would this be doable for someone who’s never really touched JavaScript (or any other coding language really)? If not, where would be a great starting point?

Finally something interesting in the recommendations

could you please add npc's
I WANT NPC'S
like this comment for npc's

You explain it so well. Thank you

God bless you !!

I am already learn JS for mainly web development, but whenever i am try to learn about phaser.js or any game library, it make me scared .-.

Could this be combined with you recent multiplayer additions?

Can you implement multiplayer to this game? Like a 2 player that you can 1v1?

I just started learning Java about a month ago and I obviously can’t make this yet ( I hope I can one day ) but it’s so impressive what you’re doing I immediately subscribed

Chris!!! I finally finished! Thanks so much for getting me back into coding! This was a great way for me to get back into it. I can't wait to start the follow up video to add more feature to the game!

You're the man!

Aff, os melhores vídeos são em inglês, não existe conteúdo bom e gratuito nesse seguimento em português?

This was such a good video, amazing quality, learnt way more than I thought and the end result was astounding. Thank you so much!!!

you are
a gentleman and a scholar

"go ahead" "go ahead" "go ahead" "go ahead" ...

it's work in code pen?

You not using semicolons was driving me nuts lmaooo

Wow that's amazing, perfect, thank you so much for the class.

I'm confused about the size of the tiled maps I've seen online. If a tile map is 840x480, how does it fill a screen that's 1920x1080? Also, I need to make versions of the tiled maps for different devices like tablets and smartphones. Can someone explain me how tiled maps are sized? Bare with me please i am just getting started on this! Thank you!

PLEASE do not use single character variable names. There is literally no benefit and all it does is make the code harder to read.

man i've been thinking about getting into coding again for so long!!

Is a game on a phone

I'm calling Nintendo

very impressive!!!!

The algorithm sent this to me, but I've been coding with Python and I don't really wanna stop and learn another programming language.

At least I know how to write proper variables in JavaScript, considering my Python professor insisted on use using camelCase instead of snake_case, which is the standard for Java and not Python. He seriously swore us off using the correct Python style. And didn't even know what Mu editor despite his class being based on the online textbook that told me to download Mu editor. But then he later turn around and kept complaining about Mu as if using that was the reason for all my problems. It wasn't. Mu works great.