

Notice that the mario and enemies sprites are loaded with the function loadAseprite, and have an extra parameter specifying a. Then each line loads a game sprite and gives it a name so that we can refer to it in code later. The first line, loadRoot, specifies which folder to load all the sprites and game elements from, so we don't have to keep typing it in for each sprite. Replace the code in main.js with the code below: To start, we need to set up Kaboom with the screen size and colors we want for the game window. Once they have uploaded, you can click on the "Kaboom" icon in the sidebar, and return to the "main" code file. Now drag and drop all the sprite and asset files into the "sprites" folder. In the Kaboom editor, click the "Files" icon in the sidebar.
#Aseprite mirror mode archive#
It already has some code in it, but we'll replace that.ĭownload this archive of sprite and asset files that we'll need for the game, and unzip them on your computer. Give this repl a name, like "Mario".Īfter the repl has booted up, you should see a main.js file under the "Code" section. Head over to Replit and create a new repl.

We'll build it in the new Kaboom game engine. Tons of games still use the basic side-scroller formula of Mario, so it's a good game to build to learn the basics of game making. The first Mario game was released by Nintendo in the mid-80s, and people haven't stopped playing Mario since. The Mario series is one of the most known and loved game series of all time. Building a Mario-like side-scroller with Kaboom.js
