Quick Links

Replit Web IDE

Create a Sprite in Piskel!

Color Picker

---

Itinerary

Show Examples!

• Our deliverable is to make something silly!
• Animation + simple movement + interaction (advanced)!

Teaching Python Basics

• Walk through cheatsheets while providing examples in the code and example games.

Explaining Game Concepts

• Game Loop
• Positions / Size
  • Screen-space coordinates
  • Collisions
• Show RGB with color picker
  • Color Picker

Animation:

• load an animation from a spritesheet

Position:

• an (x, y) coordinate representing a location within the game window

Sprite:

• an in-game object with an animation, position, and size
• Sprites are drawn every frame

Text: TODO ADD TO CHEATSHEET

• a special sprite with text instead of animation

Using Piskel to create and export a spritesheet ~15m

• Create your animation

  • setup preview to full size!
  • ensure that there is no border around the edges of each frame

• Exporting your completed animation:

  • Consider a good FPS value (experimentation is also great)
  • Make sure you remember how many rows and columns you have
  • Move your png spritesheet into the spritesheets_here/ folder

Grades breakdown

• 1-5 just animation

• 6-8 animation + templated code

• 9-12 animation + templated code + breakdown of templated code

  • Let them "live" in the Piskel space
  • Create characters, scenes, then games

• Realistic Goals:

  • "create a scene"
  • "use the scene to create interactivity"