Code Mario in JavaScript with Kaboom.js!

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****

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.

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.

You can also find me on:

#codingbootcamp​ #coding

[aniakubow]

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.

[bmwolfe]

This a perfect tutorial for getting into JS. It ramps up in difficulty and adds new concepts at the perfect rate.
Your delivery and pacing is just perfect! I’m totally going to use this video for my web design class.
They’ve been asking about JS, and after I go over the basics of variables, listeners, functions/methods.. etc, I’m absolutely using this to get their feet wet.
Thank you for making this!
I’m straight up giddy about it lol

[aniakubow]

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.

[jloiterer]

I've been a professional dev for a long time but these code along videos are so fun. One of the first things I ever tried to make was the elevator board from the original Donkey Kong - but the only thing I knew how to do was to turn off and turn on pixels and some idea of how to do a naive collision detection... I ran out of memory before I could make a functioning level out of it (I could actually jump on and off the elevators - but there was no way to "complete" the level) because I knew nothing of programming techniques at all and 16kb wasn't enough for all the spaghetti I wrote... but it was fun trying.

[aerahtv]

i felt being 7-year old kid again and this kid is so fascinated and happy right now!! Thank You !:)

[miguelalonso]

YouTuber: creates a tiny Mario game for teaching and learning purposes:
Nintendo: Outrageous! You're sued!

[foreverware]

This is Rad, cheers Ania, I'm sure loads of us old 80s boys appreciate you doing this tutorial.

[TKomoski]

Just finished coding this Mario, took awhile but was worth it. I'm going to use this and redo Jump Joe, a game I played in the 80's. So thanks again Ania look forward to your next video, *Cheers* : )

[migtvill]

Dream come true. I completely forgot to code a sidescroller when I grew up. My inner 10 year old thanks you.

[pastorfred]

Just as I thought of quitting coding, you ignited my passion again. Thanks a billion times..

[RaterisimoCBA]

This was a great tutorial, I barely got stuck following you coding and nothing that a quick rewind couldn't fix, it's also great that you tested out each segment frequently so it makes it easier for us following to test and see if everything is ok (this is something Udemy instructors could copy ! ). I will definitely add more features to this version of Mario and check the other games as well as maybe trying Unity. This was a fun afternoon well spent :) Thanks Ania, cheers from an Argentinian living in New Zealand !

[ateeqahmad]

THANK YOU THANK YOU! I followed the tutorial closely and now I have a game to share with my nephew who loves Mario. You are a wonderful teacher!

[antattackBAM]

*Couple updates in Kaboom*
-'headsmash' is now 'headbutt'
-anything with a 'solid()' must also have 'area()' - this includes your player
-'start' is no longer defined, use 'go' to start your scene

I think there was a couple more but I forgot, but coding along was more challenging with these updates

[Ryangosden]

Great stuff! Thanks for the great tutorial, it was extremely clear.

[df]

I am speechless, we appreciate your efforts!

[RaddyDev]

I am looking forward to this. It makes me want to go and play some retro games 🌞

[MrJonjoe]

That was really cool and looks relatively straight forward. Thanks for sharing.

[nycstev]

this is going to be my next project for sure

[paulcullum]

I've been waiting all my life for this :) or at least a few few moments ago when I saw that you are doing it . I love mario cant wait .😊

[gkoymnbxykfb]

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