⭐ Sign up for my Full Stack Developer Course: https://www.codewithania.com
In this video I show you how to build a Mario in JavaScript using the Kaboom.js library in my code editor of choice. If you are new to Kaboom I would suggest watching the full course where I explain each method before diving in to the game creating, visit @freecodecamp by clicking here:
https://www.youtube.com/watch?v=4OaHB0JbJDI
In the full course I use a preconfigured environment to code Mario. In this tutorial I create the game from scratch using my code editor of choice.
***COMMON ERRORS & ADVICE****
1. Please make sure you are using the same version of Kaboom that I am in the video. (Version 0.5.0). What I mean by this is when we take the script tag from kaboom, make sure it contains '0.5.0' in the url. There has been a new version of Kaboom that has come out and they have removed the start() method and replaced it with go(). For help View this Short: https://youtube.com/shorts/6b4Vdjp0iBI
2. If you are new to Kaboom I would suggest watching the FULL COURSE where I explain each method before diving in to the game creating. Link in the Description. :) In it I go through all the main methods one by one, before using them to build Space Invaders, Mario and Zelda.
Final code here: https://github.com/kubowania/mario
Imgur: https://imgur.com/a/F8Jkryq
0:00 Introduction
1:35 Coding starts
5:43 Layers and sprites
15:53 Placing sprites on the first level
21:30 Adding Mario
25:08 Keyboard events
27:50 Making Mario big
30:51 Coin and mushroom
40:02 Let's make the little guys move
47:45 Go to the next level
51:25 New level map
58:11 Final result
___
⭐ New to code and none of this is making sense? Watch my '12hr+ YouTube Coding Bootcamp' in which you will learn HTML, CSS and JavaScript Fundamentals completely from scratch. It's on my channel and its 100% free.
⭐ In most videos I use Tabnine as my A.I autocompletion tool. You can download it for free here: http://bit.ly/tabnine-top-tool
⭐ You can get a blockchain domain with my affiliate link here: http://bit.ly/get-a-crypto-domain
⭐ If you would like to buy me a coffee, well thank you very much that is mega kind! : https://www.buymeacoffee.com/aniakubow
⭐ Sign up for weekly coding tips from my newsletter partnership: https://bit.ly/JS-tips
You can also find me on:
Twitter: https://twitter.com/ania_kubow
Instagram: https://instagram.com/aniakubow
#codingbootcamp #coding