Technologies · Year 2 · Creative Coding · Term 3

Adding Sprites and Backgrounds

Students learn to add and manipulate characters (sprites) and backgrounds in their coding projects to create richer visual environments.

• ACARA Content Descriptions
• AC9TDI2P03

About This Topic

Adding sprites and backgrounds transforms basic coding projects into vivid digital scenes for Year 2 students, directly supporting AC9TDI2P03. Students import characters as sprites, adjust their size for proportion, position them strategically, and pair with backgrounds to set the scene. A castle backdrop with a knight sprite evokes adventure, while a classroom background suits everyday tales. These steps teach visual composition and how elements interact to tell stories.

This content builds design thinking alongside computational thinking. Students design scenes by combining elements, explain property changes like resizing for balance, and compare backgrounds' effects on mood, such as calm oceans versus stormy skies. Group discussions sharpen their ability to articulate choices, preparing them for iterative digital creation across the Technologies curriculum.

Active learning excels here through block-based tools like ScratchJr, where dragging sprites yields instant results. Students experiment freely, test combinations, and share screens for feedback, turning abstract adjustments into concrete successes that build coding confidence and creativity.

Key Questions

1. Design a scene by effectively combining different sprites and backgrounds.
2. Explain how changing a sprite's properties (size, position) affects the visual composition.
3. Compare the impact of various backgrounds on the mood or setting of a digital story.

Learning Objectives

• Design a digital scene by selecting and arranging at least three sprites and one background.
• Explain how changing a sprite's size and position impacts the overall visual composition of a digital scene.
• Compare the effect of two different backgrounds on the mood or setting of a simple digital story.
• Identify at least two properties of a sprite that can be changed to alter its appearance or placement.

Before You Start

Introduction to Block-Based Coding

Why: Students need a basic understanding of how to drag and connect code blocks before they can manipulate sprites and backgrounds.

Basic Sequencing in Code

Why: Understanding that code runs in order helps students grasp how adding and positioning sprites affects the final visual output.

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.

Watch Out for These Misconceptions

Common Misconception

Sprites can only be dragged anywhere; exact position does not matter.

What to Teach Instead

Precise positioning creates balanced compositions and directs viewer attention. Hands-on dragging in pairs lets students test layouts, compare overlaps or gaps, and refine through peer suggestions, clarifying composition rules.

Common Misconception

All backgrounds suit every story equally.

What to Teach Instead

Backgrounds establish setting and influence mood. Group trials with multiple options reveal contrasts, like forests for mystery versus beaches for fun; discussions help students connect visuals to narrative intent.

Common Misconception

Resizing a sprite makes it 'grow' like a living thing.

What to Teach Instead

Size is a static visual property for proportion. Experiments scaling objects side-by-side show relative effects without animation; student-led demos correct this, emphasizing design control.

Active Learning Ideas

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.

40 min·Small Groups

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.

30 min·Pairs

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.

45 min·Whole Class

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.

25 min·Individual

Real-World Connections

• Video game designers use sprites and backgrounds to build entire worlds for players to explore. They carefully choose characters and settings to make games like Mario or Minecraft engaging.
• Animators for movies and TV shows create characters (sprites) and environments (backgrounds) that move and interact. Think of the characters in a Disney movie and the detailed settings they appear in.

Assessment Ideas

Exit Ticket

Give students a printed image of a simple digital scene. Ask them to: 1. Name two sprites they see. 2. Describe one way to change a sprite's position to make it look like it's hiding. 3. Suggest a different background that would make the scene feel more exciting.

Quick Check

During a coding session, ask students to hold up a finger for each sprite they have added to their project. Then, ask them to point to where their background is located in their code or on the screen. This provides immediate feedback on their progress.

Discussion Prompt

Show students two versions of the same scene, one with a calm beach background and one with a stormy sea background, both featuring the same character. Ask: 'How does the background change how you feel about the character? Which background tells a different story? Why?'

Frequently Asked Questions

How do I introduce sprites and backgrounds to Year 2 coders?

Start with a shared screen demo: import a sprite, drag to position, resize, add background, and narrate changes. Let students mimic on devices, then free-play for 10 minutes. Follow with guided prompts like 'Make a playground scene' to reinforce steps. This scaffolds from modeling to independence, ensuring all grasp basics before projects. (62 words)

What block-based tools fit AC9TDI2P03 for this topic?

ScratchJr works best for Year 2, with simple drag-and-drop sprites, backgrounds from libraries, and intuitive resizing tools. Alternatives like Tynker Jr offer similar features. Pre-load templates to focus on manipulation, not setup. These align with curriculum by emphasizing creation and visual impact without complex code. (58 words)

How can active learning help students master sprites and backgrounds?

Active approaches like station rotations and pair challenges provide tactile feedback as students drag, resize, and swap elements live. Immediate visuals motivate iteration, while sharing builds evaluation skills. Collaborative tweaks reveal how changes affect whole scenes, making concepts stick better than passive watching and boosting engagement in design processes. (64 words)

How to assess sprite and background design effectively?

Use rubrics focusing on property use (size/position), mood match, and explanations. Observe during activities, review screen recordings, and have students present scenes with 'why this choice?' reflections. Peer feedback forms add depth. This captures process skills in AC9TDI2P03 alongside products. (56 words)