All About Images

How to create or find images and add to your assets.

How to get an Image.

You can find one you like

You can use Google Images to search for an image, but it must be a PNG image! You can add “PNG” to your search and it should result in the right kind of images.

Once you find an image on Google Images that you want to use, you need to Right Click it and choose the “Save Image As…” option.

Then you need to name the image and save it to your desktop.

Or create your own

You can create your own images for characters, resources, or items for your game by using one of the following online graphic design programs:


To save your art complete the following steps:

  1. Click the download button at the top left of the screen.
  2. Click on the Download .png,.gif
  3. Choose your image size (200x200 to 400x400 is a good range).
  4. Find your download


  1. To use Vectr click the “Use Online” button, and then create your image.
  2. Click the “Export” button in the top right corner.
  3. Change it to a png image in the right hand box.
  4. Change the pixel size (200-500 is suggested). If you created a background, make it so it can repeat easily and still use the same pixel size.
  5. Click the “Download” button.
  6. Find your download

Uploading your image to repl

Now that you’ve found or designed your image, you need to finish them on your computer and drag + drop them into the assets folder within your repl project.

  1. Find the downloaded images. Need help?
  2. Open the asset folder in repl, click: code > client > asset
  3. Click and drag your files into this folder. Make sure your files are named something very easy and obvious (it is best to not use spaces or symbols), for example “zombies.png” or “shark.png”. You will resize the images within the code, so don’t worry if it seems to big or small right now.

Use Items
Help with Downloads

Need Help?

Proofread your code, check with your team and classmates, and if you’re still stuck!

Click Here for Help