You Can Now Upload Your Own Sprites & Backgrounds on Game Builder!

Share on facebook
Share on twitter
Share on linkedin
Share on email

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

 

Try CodeMonkey at home or at school!

free trial, credit card not required

or

for your school / district

More to explore:

Beaver Achiever blog

JUST OUT: BLOCK-BASED CODING COURSE

What do blocks, a beaver, and banana smoothies have in common? They’re all part of CodeMonkey’s latest game – Beaver Achiever! Beaver

7 Replies to “You Can Now Upload Your Own Sprites & Backgrounds on Game Builder!”

  1. Hi Zoe,

    Great work.

    I have tried and it works good over @addanimation.

    The picture however needs to be preconfigured before uploading. It would be better if I can configure the size.

    And it will be great if we can also add animation for the game background.

    Joe

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.