VehiclesFashionRecipesBlogsHuntTravelsSportFunHandmadeITEducation
Mini-Games
x

x
zakruti.com » IT - Software » freeCodeCamp.org
Create a Platformer Game with JavaScript - Full Tutorial

Create a Platformer Game with JavaScript - Full Tutorial

FBTwitterReddit

video description

Rating: 4.0; Vote: 1
Learn how to create a platformer game using vanilla JavaScript. First, learn to organize the code using the Model, View, Controller (MVC) strategy and the principles of Object Oriented Programming (OOP). Then, learn how to program movement, draw a tile map, and detect collision. Finally, see how to animate the sprites, load levels, and collect items. -Code and assets: https://github.com/frankarendpoth/frankarendpoth.github.io/tree/master/content/pop-vlog/javascript/2018/006-rabbit-trap -Working example: http://frankpoth.info/content/pop-vlog/javascript/2018/006-rabbit-trap/rabbit-trap.html --Course Contents -- -- (00:00) Part 1: Organization -- (14:38) Part 2: Movement -- (51:25) Part 3: Tile Map -- (1:04:30) Part 4: Tile Based Collision Detection And Response -- (1:29:08) Part 5: Sprite Animation -- (1:53:22) Part 5 1/2: Tunneling -- (2:05:34) Part 6: Loading Levels -- (1:26:59) Part 7: Collecting Items Tutorial from Poth on Programming. https://www.youtube.com/channel/UCdS3ojA8RL8t1r18Gj1cl6w
Date: 2022-03-14

Comments and reviews: 8


Thanks!This is the best!After 2 weeks stuck at the development,finally this is a good tutorial.
I got some tips for you:
Use visual tutorial,instead of write the code first than explain the code...
you write the code live while explaining the code you write.
Thanks!
EDIT:Tile-based collision is complicated.
Roses are red,
Violets are blue,
Ctrl+C,
Ctrl+V,

reply

Around 33:00 I understand the oo world. But it is strength and the weakness. It is a bit organised spaghetti Goto code old days. Unless the object one can delegate the idea to, it is very hard to follow what is going on and where to maintain the state. Now that the source git is sort of gone (at least the link is dead) it is impossible to follow.
reply

Do you still have a code somewhere for inspiration? Cause link on GitHub doesn't work and rewinding video is much slower way as seeing original code. By the way, the video is pretty cool explained. Thanks.
PS: Sorry for trash english

reply

Hi!. i want to ask if you can help me. i want to create a simple program/game for mobile that. when the character reach the end of screen(mobile) it will load to another map like side scroling for mobile thank you
reply

-if at any point on this video you get the feeling you are learning- xd
It would be really cool to be able to add bookmarks to this, so as to better navigate it when reviewing.

reply

Very strangely structured video. You showed a video of a bunch of code on a screen and talked about it, similarly to how all of my professors did in school.
reply

Thanks for the great video, this is great for a newb like me...
Trying to go to the Code & Assets, and working example pages gives me a 404 message...
:(

reply

I have a noob question. Why are you using var instead of let? I was told by my tutor that using var in programs can lead to some errors.
reply
Add a review, comment






Other channel videos