You can now upload your own Sprites and Backgrounds on Game Builder!

We have added a NEW feature for the Game Builder platform. 

Now you can get even more creative with your designs!

3 Steps to Use this Feature:

1. You can upload your own sprite sheet and set it as your animated sprite.

To do this, click on Create Games –> the Plus sign –> and then on Your Sprite Sheets. There, you will see the option to “upload sprite sheet”. Click on “upload sprite sheet” and then on “upload” to select the file you wish to add.

Image 1:

In the meantime, search for a sprite sheet that you wish to use in your game and then upload it.

Here is an example of a sprite sheet to upload:

If you wish to use such a sprite sheet, then enter the number of frames in Number of frames. Since in this specific sprite sheet the girl is seen running in 6 different actions (or frames, I entered 6..

 

Click on OK, and your sprite will be added.

To program or command your sprite, you first need to define the animation. To do so, click on addAnimation under Display on the bottom of the screen.

Then define the “key”. For example, if the sprite sheet that you uploaded is of a running girl, set the key as “run”. Then, add the number of frames in the sprite sheet inside the parentheses. Since there are 6 frames, the parentheses include numbers 0-5. Next, define the frameRate, 12 is a good number to start at. We will skip loopanimation

 

An example code can be found below:
@addAnimation “run”, [0, 1, 2, 3, 4, 5], 12

@onKey = (key) =>
# Example:
if key == keyboard.right
@startAnimation “run”
@step 5

@onAnimationEnd “run”, () =>
@stopAnimation yes

2. Upload your own images and set them as your game background

Image 2:

As seen in Image 2, go to the Game tab on the lower right side of the screen and then click on Upload to choose a new game background.

3. Improved User Interface for selecting game background.

After creating your game, don’t forget to save it before you share!

Need help? Check out this reference game to help you out or email us at info@cm-studios.com