Adding Sprites and BackgroundsActivities & Teaching Strategies
Active learning helps Year 2 students grasp how visual elements interact in digital scenes. Moving, resizing, and pairing sprites with backgrounds makes abstract concepts like composition and mood concrete and memorable.
Learning Objectives
- 1Design a digital scene by selecting and arranging at least three sprites and one background.
- 2Explain how changing a sprite's size and position impacts the overall visual composition of a digital scene.
- 3Compare the effect of two different backgrounds on the mood or setting of a simple digital story.
- 4Identify at least two properties of a sprite that can be changed to alter its appearance or placement.
Want a complete lesson plan with these objectives? Generate a Mission →
Stations Rotation: Sprite Adjustments
Prepare four stations with coding apps open to blank scenes: one for size changes, one for position, one for layering sprites, one for background swaps. Small groups spend 7 minutes at each, noting how adjustments alter the scene, then recreate a favorite in their project. Conclude with a share-out.
Prepare & details
Design a scene by effectively combining different sprites and backgrounds.
Facilitation Tip: During Station Rotation, circulate and ask guiding questions like 'Why did you place the knight closer to the castle door? How does the forest background change the story?'
Setup: Tables/desks arranged in 4-6 distinct stations around room
Materials: Station instruction cards, Different materials per station, Rotation timer
Pairs Challenge: Mood Scenes
Pairs brainstorm a story mood, like happy or scary, then select matching background and two sprites. They position and resize elements, test the scene by narrating a short story, and swap with another pair for feedback before finalizing.
Prepare & details
Explain how changing a sprite's properties (size, position) affects the visual composition.
Facilitation Tip: For Pairs Challenge, provide mood word cards and ask pairs to arrange sprites and backgrounds to match the card before coding.
Setup: Varies; may include outdoor space, lab, or community setting
Materials: Experience setup materials, Reflection journal with prompts, Observation worksheet, Connection-to-content framework
Whole Class: Collaborative Backdrop Vote
Display story prompts on the board. Class votes on a theme, then individuals build scenes with sprites and voted background. Share via projector, discuss impacts, and vote on most effective compositions to inspire revisions.
Prepare & details
Compare the impact of various backgrounds on the mood or setting of a digital story.
Facilitation Tip: In Collaborative Backdrop Vote, limit choices to three distinct backgrounds so discussions stay focused and decisions are clear to all.
Setup: Varies; may include outdoor space, lab, or community setting
Materials: Experience setup materials, Reflection journal with prompts, Observation worksheet, Connection-to-content framework
Individual Remix: Scene Tweaks
Students duplicate a partner-provided scene, change one sprite property and background, then explain the new mood in a voice recording. Collect and play back for class reflection on visual choices.
Prepare & details
Design a scene by effectively combining different sprites and backgrounds.
Facilitation Tip: During Scene Tweaks, remind students to save versions so they can compare changes and reflect on improvements.
Setup: Varies; may include outdoor space, lab, or community setting
Materials: Experience setup materials, Reflection journal with prompts, Observation worksheet, Connection-to-content framework
Teaching This Topic
Teach sprites and backgrounds as design tools, not just decorative elements. Use side-by-side comparisons to show how small changes shift a scene’s mood. Avoid rushing through positioning—let students test layouts physically with paper cutouts before coding. Research shows concrete modeling before screen work boosts spatial reasoning and design confidence in early coders.
What to Expect
Students will confidently position and scale sprites, select backgrounds that match a story’s mood, and explain how visual choices affect the scene’s message. Their projects will show balanced layouts and intentional design decisions.
These activities are a starting point. A full mission is the experience.
- Complete facilitation script with teacher dialogue
- Printable student materials, ready for class
- Differentiation strategies for every learner
Watch Out for These Misconceptions
Common MisconceptionDuring Station Rotation: Sprite Adjustments, watch for students who place sprites randomly without considering balance or focal points.
What to Teach Instead
Ask students to trace their sprite’s outline on paper, cut it out, and move it around a printed background. Discuss why some placements feel 'right' and others feel off, then apply those observations in the coding tool.
Common MisconceptionDuring Pairs Challenge: Mood Scenes, watch for students who choose backgrounds because they like the image rather than the mood it creates.
What to Teach Instead
Provide a list of moods with example sentences like 'This background makes me feel curious.' Ask pairs to match their scene to one mood before coding, then justify their choice to another pair.
Common MisconceptionDuring Collaborative Backdrop Vote, watch for students who assume any background works if a sprite is added to it.
What to Teach Instead
Show two similar backgrounds with one clear difference, such as color or time of day. Ask students to vote on which background fits a given story prompt, then discuss how the difference changes the story.
Assessment Ideas
After Station Rotation: Sprite Adjustments, give students a printout of a simple digital scene with one sprite and one background. Ask them to: 1. Circle one sprite they would resize and explain why. 2. Draw an arrow showing where they would move the sprite to make it look like it’s hiding.
During Pairs Challenge: Mood Scenes, circulate and ask each pair to point to the mood word card they chose and explain how their sprite placement and background selection match that mood.
After Collaborative Backdrop Vote, revisit the winning background and ask: 'How did the background we chose change the way we feel about the sprite? What if we had chosen a different background? Which background tells the story we want to tell?'
Extensions & Scaffolding
- Challenge: Ask students to animate their sprite in two different ways and explain how the background supports each animation style.
- Scaffolding: Provide a grid overlay on the background to help students align sprites and discuss proportions.
- Deeper exploration: Introduce transparency in sprites and ask students to layer multiple sprites to create depth in a single scene.
Key Vocabulary
| Sprite | A character or object in a computer program that can be moved around. Think of it as a digital sticker you can animate. |
| Background | The image or scene behind the sprites in a coding project. It sets the location or environment for the action. |
| Position | Where a sprite is located on the screen, usually described using coordinates like left, right, top, or bottom. |
| Size | How big or small a sprite appears on the screen. This can be changed to make sprites look closer or farther away, or to fit the scene. |
| Visual Composition | How all the visual elements, like sprites and backgrounds, are arranged on the screen to create a complete picture or scene. |
Suggested Methodologies
More in Creative Coding
Introduction to Coding Environment
Students become familiar with a block-based coding environment, understanding the interface and basic functions.
2 methodologies
Animating Text: Animate Your Name
Students use code to make letters move, change color, or make sounds when clicked, personalizing their first coding project.
2 methodologies
Interactive Stories: Digital Storytelling
Students build a short interactive story with a beginning, middle, and end using simple triggers and event-based programming.
2 methodologies
Sharing and Reflecting: The Tech Showcase
Students present their final interactive projects, explaining their design choices and the logic behind their code to an audience.
2 methodologies
Movement and Direction
Students program sprites to move in different directions and at varying speeds using directional blocks.
2 methodologies
Ready to teach Adding Sprites and Backgrounds?
Generate a full mission with everything you need
Generate a Mission