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@codemonkey.com

Try CodeMonkey at home or at school!

free trial, credit card not required

or

for your school / district

More to explore:

2019: Year in Review

This past year was full of learning, innovation and new releases – and we couldn’t have done it without you! Thanks to

coding for kids graphic

Why Coding is Important for Kids

The following is a guest blog written by a CodeMonkey Teacher Ambassador Our school has recently embraced Social Emotional Learning (SEL). SEL as

Programming for 6 to 12-year olds

Programming for 6 to 12 year-olds

The following is a guest blog written by a CodeMonkey Teacher Ambassador I have been working with the little kiddos for about 5

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.