Create a Platformer Game with JavaScript - Full Tutorial

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.

How to set up a logging Infrastructure in Node.js
☞ https://morioh.com/p/80a1bc0795e8

Learn to generate video previews by using FFmpeg and Node.js
☞ https://morioh.com/p/6b43e4ff07d0

💻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

Suggest:

☞ Intro to HTML & CSS - Tutorial

☞ Web Development Tutorial - JavaScript, HTML, CSS

☞ Learn HTML5 and CSS3 From Scratch - Full Course

☞ JavaScript Programming Tutorial Full Course for Beginners

☞ E-Commerce JavaScript Tutorial - Shopping Cart from Scratch

☞ Learn JavaScript - Become a Zero to Hero