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.
How can thoughtful planning, design, and code make Cookie Clicker Game work for its audience?
The through-line for every task in this lesson.
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
variableeventsequence
Assessment
Formative
Use milestone checks, organizer responses, and daily test evidence to guide feedback.
Summative
Assess the published Cookie Clicker Game with the analytic rubric.
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.
📖Read Before You Build: Cookie Clicker Game
An interactive game combines a clear idea with instructions that respond to an audience. In Cookie Clicker Game, each page has a job and each milestone adds one testable part. The designer should make the expected action visible, predict th…
SourcesCode.org — Programming Concepts and Tool DocumentationCode.org — Responding to User Input
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!
CCSS · ELA4CSTA10ISTE73 frameworks · 21 standards · DOK 3
CCSS · ELA
Common Core — 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
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 need to know how to code?
No coding experience needed. Studio Compass guides students through Guided Steps — each names the exact block and checks itself off — while you facilitate.
What devices does it work on?
Any modern browser — laptops, Chromebooks, and tablets. Nothing to install.
Do my students need an account?
No student email addresses required. You roster your class in a couple of clicks, and students join with a simple class code.
Is it standards-aligned?
Yes — each lesson shows national frameworks and supported state codes from your Standards setting, with specific standards and DOK levels called out in the answer key.
Can students work at different levels?
Built-in read-aloud, sentence frames, and task-level word suggestions meet students where they are, and the self-checking steps let each student work at their own pace.
How do students share their work?
They submit to you for review; you publish the best to your class showcase, each with a public link.
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.
