In this Hour of Code lesson, students will create a fun interactive Cookie Clicker game. They'll design a cookie that increases a counter when clicked, animate it with a bounce effect, and reward the player after reaching a target number of clicks.
Pacing
1 class · 20 min
Grade
Grade 7
Coding
Advanced
Students codePlayer ActionsSequenceConditionalsNumber VariableIncrement
Opens a private practice project in the Studio — no account needed.
How do feedback loops make an interaction feel satisfying?
Students will be able to
Design a simple interactive game using Elementari’s visual layout tools.
Use coding blocks to track and update a variable when an object is clicked.
Incorporate animation and sound to create engaging player feedback.
Apply basic logic to trigger events when specific conditions are met (e.g. reaching 10 clicks).
Key vocabulary
programmerfeedback loopmilestone
Assessment
Formative
Use milestone checks, organizer responses, and daily test evidence to guide feedback.
Summative
The title and counter label clearly communicate the action and what is being counted. Each click increments once, visible and sound feedback occur as intended, and the ten-click reward follows the stated threshold.
The student journey
This is a build — not a worksheet packet
Every lesson runs like the story students are about to make: read it, write it, build it, polish it, publish it. The printables scaffold each stage — the published Elementari project is the destination.
1
📖
Read
Students read a short, high-interest passage — a real-world hook, not a dry textbook definition — to spark ideas for what they'll make.
📖The Game That Was Only a Cookie
In August 2013, a French programmer who goes by the name Orteil built a game in one evening, mostly as a joke. The entire game was this: a giant cookie on the screen. Click the cookie, and a number goes up. That should have been boring. Ins…
SourcesCookie Clicker, the original game by Orteil (Julien Thiennot)Widely covered by gaming press at launch (2013), e.g. Polygon
In the studio, students bring the project to life — adding art and following the exact writing and coding steps shown below. The Studio Compass walks them through it, one step at a time.
🧭Studio CompassStep 1 / 5
Design Your Cookie Game Screen 🎨
Choose a cookie image and a title text for your game screen.
Key words — tap to learncreate number variables
Each step checks off & advances on its own
All 5 studio steps · dynamic to the project
1Design Your Cookie Game Screen 🎨~5 min
2Create and Display Your Cookie Counter 🍪~10 min
3Make the Cookie Clickable 👆~10 min
4Challenge: Reward Every 10 Clicks 🌟~10 min
5Make It Look Awesome 🎨~5 min
4
🔁
Polish
ongoing
Teacher and peer feedback pin right onto the project — students revise until it's ready to share.
Feedback on the project2 pins
🍎
Add one more sentence here so readers get the full picture.
👍 2Teacher
A
The interaction is clear — it helps the reader follow the project!
A couple of things to gather, a few quick steps to prep — then you're ready to hand it to students.
What you need
A device per student or pair
Internet connection
Prep · about 10 min
1Print the student kits
2Assign this lesson to your students
3Skim the build steps
Teacher background
What you need to know
Students learn that games hold attention through a loop: the player acts, the game responds instantly and visibly, and a nearby milestone invites the next action. Cookie Clicker is the purest possible example. Students apply the loop deliberately — counter as visible response, sound as confirmation, and a bounce reward at ten clicks as the milestone.
Key terms
programmer
a person who writes the instructions computers follow
feedback loop
a cycle where an action causes a response that invites the next action
milestone
a goal along the way that marks progress
Watch for these misconceptions
✕
The counter shows a number without saying what it counts. →Revise the label so {{ cookies }} appears once beside a clear noun.
✕
The ten-click reward triggers early, repeatedly in an unintended way, or not at all. →Test counts 9, 10, and 11 and inspect whether the comparison and event timing match the intended rule.
Standards alignment
Aligned to the standards you teach
Every task maps to a specific standard, so planning and reporting are covered.
Tracking 7 frameworks: Common Core ELA, Common Core Math, NGSS +4
CCSS · ELA4CSTA10ISTE73 frameworks · 21 standards · DOK 3
CCSS · ELA
Common Core State Standards — English Language Arts
4 standards
CCSS.ELA-LITERACY.W.4.5
With guidance and support from peers and adults, develop and strengthen writing as needed by planning, revising, editing, rewriting, or trying a new approach.
CCSS.ELA-LITERACY.W.7.5
With guidance and support from peers and adults, develop and strengthen writing as needed by planning, revising, editing, rewriting, or trying a new approach.
Also addressedCCSS.ELA-LITERACY.W.4.6 · CCSS.ELA-LITERACY.W.7.6
CSTA
CSTA K–12 Computer Science Standards
10 standards
1B-AP-09
Create programs that use variables to store and modify data.
1B-AP-15
Test and debug a program or algorithm to ensure it runs as intended.
2-AP-17
Systematically test and refine programs using a range of student-created inputs.
2-AP-11
Create clearly named variables that represent different data types and perform operations on their values.
Students know and use a deliberate design process for generating ideas, testing theories, creating innovative artifacts, or solving authentic problems.
ISTE 1.4.c
Students develop, test, and refine prototypes as part of a cyclical design process.
ISTE 1.6.d
Students publish or present content that customizes the message and medium for their intended audiences.
ISTE 1.5.d
Students understand how automation works and use algorithmic thinking to develop a sequence of steps to create and test automated solutions.
Also addressedISTE 1.1.c · ISTE 1.6.b · ISTE 1.5.c
Full task-by-task mapping — including Depth of Knowledge — is in the answer key.
Differentiation & accessibility
Built to reach every learner
One lesson, three built-in paths — with accessibility baked into the materials, not bolted on afterward.
Extra support
Emerging readers & writers
Read-aloud and multilingual support in the Elementari build
Studio Compass highlights one task at a time — including the coding
Sentence frames and a word bank so it is never a blank page
On grade
The core lesson
The passage and storyboard exactly as written
Model answers and “look-fors” in the answer key
Self-check chips at every milestone
Ready for more
Extension & challenge
Challenge vocabulary and a real-world extension question
Deepen one existing page or interaction — without changing the required mechanics
A longer, evidence-based reflection prompt
Accessibility, built inPredictable step-by-step structureOne task at a time · Studio CompassHighlighted response areasLow-stimulation printMovement-friendly pacingDesigned so every student can design, write, and code — with ADHD, autism, and dyslexia in mind.
Questions
Teacher FAQ
Do I — or my students — need to know how to code?
No. Coding concepts are introduced in plain language exactly when students need them, and Studio Compass confirms each milestone so students keep moving without you troubleshooting. The teacher guide walks you through the whole build, answers included.
How long does this lesson take?
About 40, paced into 45-minute class periods. You can spread it out or compress it — students pick up where they left off, so it doesn't have to finish in one sitting.
What devices does this lesson work on?
Students can read, write, code, and publish on Chromebooks, iPads, tablets, laptops, or desktops. All they need is a modern browser — nothing to download or install.
What is Studio Compass?
Studio Compass is the step-by-step guide inside the Studio. It shows students what to do next, identifies the exact coding blocks they need, and confirms completed milestones so they can keep moving independently.
How does this lesson support different learners?
This lesson includes read-to-me with synchronized highlighting, a built-in glossary, and picture-based storyboarding, with writing and coding scaffolds you can dial up or down. Students can work with guided support or more independently — and still finish the same project.
Ready when you are
Bring this lesson to your class
Import your class, assign in one click, and watch them build — the whole kit comes with it.
