Add assets by yourself

Here is a very easy exercise that will allow you not to have to drag the scan of your sheet to launch your game.

Go to the source code of your game, register if you haven’t already done so (at the top right of the page) then click on the file tab and select duplicate, to create your own version of the project.

Then click on the little arrow at the top left of your source code page.

You will then see the list of files included in your game with, among other things, the assets folder in which all the sounds and images of the game are stored. Click on the small arrow next to this folder to add your drawn paper.

Click then on Add File and drop your sheet into the window that just appeared.

Your file is now an asset! Now all you have to do is tell your program to use it. Go to the script sketch.js, if it is not already open, and adds this line to the preload(); function by replacing the blank.jpg by the name of your file.

scan = loadImage('assets/blank.jpg');

Be sure to enter your file name correctly, after assets/ and with the correct extension (.jpg or.png) otherwise your program will not launch.

There you go! Your game now starts directly with your images.