🤖 AI Sprite Adventure

Use AI to design your own game art, then build your game in Sprite Lab.

Step 1: Plan Your Game

Goal: Plan before you build.

Write your ideas below. These notes are saved only for this browser session.

Planning Tips

  • Choose one player.
  • Choose one enemy.
  • Choose one collectible.
  • Ask AI for simple cartoon sprites with transparent backgrounds.

Step 2: Bring Your Hero to Life

🎯 Mission: Turn your AI artwork into a playable character.
  1. Upload the background image you created with AI.
  2. Drag a Set Background block into your program and choose your new background.
  3. Create a new sprite for your player and make sure you select the correct AI image.
  4. Place the player near the centre of the screen so there is room to move.
  5. Add the Moving with Arrow Keys behaviour so the player can be controlled.
  6. Set the player's speed to 10. Test it and adjust only if it feels too slow or too fast.
✅ Your character should move smoothly with the arrow keys.

Step 3: Create the Enemy and Collectible

🎯 Mission: Give your player something to collect and something to avoid.
  1. Create the collectible sprite and choose the AI image you designed.
  2. Create the enemy sprite and select the correct enemy artwork.
  3. Place the enemy far away from the player so the game doesn't end immediately.
  4. Add the Wandering behaviour so the enemy moves automatically.
  5. Resize both sprites until they look natural in your game world.
✅ Run your game. The enemy should wander while your player can safely move around.

Step 4: Create Essential Variables

  1. Create counter for score.
  2. Create levelUpInt and set it to 5.
  3. Show the score variable.

Step 5: Create the Game Over Event

  1. When player touches enemy.
  2. Play a sound.
  3. Remove all sprites.
  4. Show the score.

Step 6: Collecting Items and Leveling Up

  1. Play a sound.
  2. Move collectible to a random location.
  3. Increase score.
  4. Decrease levelUpInt.
  5. When it reaches 0, increase enemy speed and reset it to 5.

Step 7: Generate Your AI Sprites

🎯 Mission: Create your own custom artwork using the AI Sprite Generator.
  1. Open the WeLearnLab AI Sprite Generator.
  2. Think about the sprite you want to create (player, enemy, collectible or background).
  3. Write a clear description. For example: "Cute blue robot with big eyes, cartoon style, transparent background".
  4. Click Generate and wait for your image.
  5. If you don't like the result, improve your description and generate again.
  6. When you find your favourite image, click the ❤️ button, then choose Save to your device.
✅ Repeat these steps until you have created all of the artwork your game needs.


Step 8: Prepare Your Images

🎯 Mission: Get your AI images ready for Sprite Lab.
  1. Open a background removal website and upload your image.
  2. Download the transparent PNG version.
  3. Open an image compression website.
  4. Compress the PNG to make it smaller without losing much quality.
  5. Repeat for every sprite you created.
Transparent backgrounds make your sprites look much better in games.


Step 9: Upload Your AI Sprites

🎯 Mission: Import your artwork into Sprite Lab.
  1. Open the Costumes tab.
  2. Click New Costume.
  3. Select Upload Image.
  4. Choose one of your prepared PNG files.
  5. Repeat until every sprite has been uploaded.
✅ Your custom sprites should now appear in the costume library.


Step 10: Replace the Template Sprites

🎯 Mission: Swap the placeholder artwork with your own AI creations.
  1. Find each make new sprite block in your code.
  2. Click the sprite picture in the block.
  3. Select the matching AI costume you uploaded.
  4. Replace the player, enemy and collectible one by one.
  5. Run the game and make sure every sprite looks correct.
🎉 Congratulations! Your game is now completely personalised with artwork you created yourself.

🏆 Congratulations!

Amazing work! You have completed this AI Sprite Adventure tutorial.

You successfully planned a game, created AI artwork, built a player, added enemies and collectibles, used variables, and created game events.

Take a moment to celebrate your achievement!

🏆

🚀 Next Challenges

Ready for more? Great programmers always keep improving their games!

Try one or more of these challenges:

  • 🌟 Design your own Opening and closing screen using AI!
  • 👾 Create a new enemy using AI!
There isn't just one correct answer. Experiment, test your ideas, and have fun!
🚀