You Can Now Upload Your Own Sprites & 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@codemonkey.com

Try CodeMonkey at home or at school!

free trial

or

for your school / district

More to explore:

Meet the Teacher 2024_Brian Selke

Meet The Teacher: Brian Selke

Computer Immersion Instructional Coach | Redding, CA | Redding School District | Grades: 2nd – 8th Tell us a little bit about your

9 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

    1. Hi Joe,
      That’s great to hear! I will see if we can add such a feature.
      Thank you for your feedback!
      -Zoe

Leave a Reply to Anonymous Cancel 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.

Subscribe to CodeMonkey's blog

Stay Up To Date on The Latest NEWS
AND LEARN MORE ABOUT CODING FOR KIDS.