🤖 Building with AI

Learn how to create AI sprites and use them in your Sprite Lab game.

Step 1: Copy the Template

🎯 Goal
Create your own copy of the game template.
  1. Open the template project.Open Template
  2. Click Remix in the top-right corner.
  3. Wait for Code.org to create your own copy.
✅ You should now have your own editable project.

Step 2: Plan Your Game

🎯 Goal
Plan your game before asking AI to draw anything.
SpacePiratesJungleMagicDinosaurs
These notes are only stored in this browser for this session.

Planning Tips

Think of a theme, hero, collectible and enemy that all match.

Step 3: Generate AI Images

🎯 Goal
Use AI to create your own game sprites.
  1. Open welearnlab.com/tools.
  2. Open the AI Sprite Generator.
  3. Describe the sprite you want.
  4. Save your favourite image.
Click the ❤️ icon then choose Save to device.


Step 4: Prepare Your Images

🎯 Goal
Make your images ready for Sprite Lab.
  1. Remove the background.
  2. Download the PNG.
  3. Compress the PNG.


Step 5: Upload into Sprite Lab

🎯 Goal
Import your AI sprite.
  1. Open Costumes.
  2. Click New Costume.
  3. Upload Image.


Step 6: Replace the Sprites

🎯 Goal
Swap the template sprites with your AI art.
  1. Find every make new sprite block.
  2. Select your new costume.
  3. Test the game.
🎉 Your game now has your own artwork!

🏆 Congratulations!

You finished the tutorial!

🏆

Next challenges!

There are more challenges that you can try below:

  • Make the collectible move!
  • Make a new enemy when reaching a certain level!
🚀