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.
Ritmo
1 class · 20 min
Curso
Curso 7
Programación
Avanzado
Los alumnos programanAcciones del lectorSecuenciaCondicionalesVariable numéricaIncremento
Se abre un proyecto de práctica privado en el Studio, sin necesidad de una cuenta.
Alineada con las competenciasCCSS · ELACSTAISTEDOK 3
La lección de un vistazo
?
?Pregunta central
How do feedback loops make an interaction feel satisfying?
Los alumnos podrán
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).
Vocabulario clave
programmerfeedback loopmilestone
Evaluación
Formativa
Use milestone checks, organizer responses, and daily test evidence to guide feedback.
Sumativa
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.
El recorrido de descubrimientos
Un proyecto para crear, no un paquete de fichas
Cada lección sigue el recorrido del proyecto que los alumnos están a punto de crear: leer, escribir, construir, perfeccionar y publicar. Los materiales imprimibles apoyan cada fase; el destino es el proyecto publicado en Elementari.
1
📖
Leer
Los alumnos leen un texto breve, atractivo y basado en fuentes reales, que sitúa el tema en el mundo real y despierta ideas para su proyecto.
📖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…
FuentesCookie Clicker, the original game by Orteil (Julien Thiennot)Widely covered by gaming press at launch (2013), e.g. Polygon
En un apoyo diseñado para la lección, los alumnos planifican su escritura con marcos de oración, un banco de palabras y un glosario, sin enfrentarse a una página en blanco.
2Kit del alumno · vista previa
PALABRAS CLAVE DEL TEXTOprogrammerfeedback loopmilestone
Glosario una definición clara para cada término clave
En el Studio, los alumnos dan vida al proyecto: añaden ilustraciones y siguen las instrucciones exactas de escritura y programación que aparecen a continuación. La Brújula del Studio los guía una instrucción a la vez.
🧭Brújula del StudioInstrucción 1 / 5
Design Your Cookie Game Screen 🎨
Choose a cookie image and a title text for your game screen.
Palabras clave — pulsa para saber máscreate number variables
Cada instrucción se valida y abre automáticamente la siguiente
Las 5 instrucciones del Studio, adaptadas al proyecto
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
🔁
Perfeccionar
durante todo el proyecto
La retroalimentación del docente y de los compañeros se fija directamente en el proyecto para que los alumnos revisen hasta que esté listo para compartir.
Retroalimentación sobre el proyecto2 anotaciones
🍎
Añade una frase más aquí para que los lectores comprendan toda la situación.
👍 2Docente
A
La interacción es clara y ayuda al lector a seguir el proyecto.
⭐ 3Compañero
Respuestas con un toque¡Buen trabajo!Añadir un detalle
Los materiales imprimibles que impulsan el proyecto
Cada página guía a los alumnos hacia la publicación en Elementari. La creación es la lección; estos materiales imprimibles les ayudan a llegar hasta allí.
Reúna unos pocos materiales y complete una breve preparación antes de entregar la lección a los alumnos.
Qué necesita
Un dispositivo por alumno o pareja
Conexión a Internet
Preparación · unos 10 min
1Imprimir los kits de los alumnos
2Asignar esta lección a sus alumnos
3Revisar rápidamente las instrucciones de creación
Información para el docente
Qué necesita saber
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.
Términos clave
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
Ideas erróneas que conviene anticipar
✕
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.
Alineación con las competencias
Alineada con las competencias que usted enseña
Cada tarea se vincula con una competencia específica, para simplificar la planificación y el seguimiento.
Seguimiento de 7 marcos curriculares: Common Core ELA, Common Core Math, NGSS +4
Habilidades del siglo XXIPensamiento críticoComunicaciónCreatividadProgramación
Common Core State Standards — Lengua y Literatura en inglés (ELA)
4 competencias
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.
También se abordanCCSS.ELA-LITERACY.W.4.6 · CCSS.ELA-LITERACY.W.7.6
CSTA
Marco CSTA de informática de primaria a secundaria
10 competencias
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.
También se abordan2-AP-13 · 2-AP-15 · 1B-AP-13 · 2-AP-19 · 1B-AP-11 · 1B-AP-17
ISTE
Marco ISTE para el alumnado
7 competencias
ISTE 1.4.a
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.
También se abordanISTE 1.1.c · ISTE 1.6.b · ISTE 1.5.c
El solucionario incluye la correspondencia completa, tarea por tarea, con el nivel de profundidad de conocimiento.
Diferenciación y accesibilidad
Diseñada para llegar a todo el alumnado
Una lección, tres recorridos integrados. La accesibilidad forma parte de los materiales desde el principio.
Apoyo adicional
Alumnos que empiezan a leer y escribir
Lectura en voz alta y apoyo multilingüe en el proyecto de Elementari
La Brújula del Studio muestra una instrucción a la vez, incluida la programación
Marcos de oración y banco de palabras para no empezar nunca desde una página en blanco
Al nivel esperado
La lección principal
El texto y el storyboard tal como están escritos
Respuestas modelo e indicadores en el solucionario
Indicadores de autoevaluación en cada etapa
Para profundizar
Ampliación y desafío
Vocabulario de ampliación y una pregunta de conexión con el mundo real
Profundizar en una página o interacción existente, sin cambiar los mecanismos obligatorios
Una consigna de reflexión más extensa y basada en evidencias
Accesibilidad integradaEstructura paso a paso clara y predecibleUna tarea a la vez · Brújula del StudioÁreas de respuesta destacadasMaterial impreso con pocos estímulosRitmo que permite hacer pausas de movimientoDiseñada para que cada alumno pueda crear, escribir y programar, teniendo en cuenta el TDAH, el autismo y la dislexia.
Preguntas
Preguntas frecuentes para docentes
¿Mis alumnos o yo necesitamos saber programar?
No. Los conceptos de programación se presentan con lenguaje claro justo cuando los alumnos los necesitan, y la Brújula del Studio confirma cada etapa para que sigan avanzando sin que usted tenga que resolver problemas técnicos. La guía docente explica toda la creación e incluye las respuestas.
¿Cuánto dura esta lección?
Aproximadamente 40, distribuida en sesiones de 45 minutos. Puede ampliarla o condensarla: los alumnos retoman el trabajo donde lo dejaron, así que no tienen que terminarlo todo de una vez.
¿En qué dispositivos funciona esta lección?
Los alumnos pueden leer, escribir, programar y publicar desde Chromebooks, iPads, tabletas, ordenadores portátiles o de sobremesa. Solo necesitan un navegador reciente; no hay nada que descargar ni instalar.
¿Qué es la Brújula del Studio?
La Brújula del Studio es la guía paso a paso integrada en el Studio. Muestra a los alumnos qué deben hacer a continuación, identifica los bloques de programación exactos que necesitan y confirma las etapas terminadas para que puedan avanzar de forma autónoma.
¿Cómo apoya esta lección a distintos perfiles de alumnos?
Esta lección incluye lectura en voz alta con resaltado sincronizado, un glosario integrado y un storyboard visual, además de apoyos de escritura y programación que puede reforzar o reducir. Los alumnos pueden trabajar con apoyo guiado o con mayor autonomía y completar el mismo proyecto.
Cuando usted quiera
Lleve esta lección a su clase
Importe su clase, asigne la lección con un clic y deje que los alumnos creen. El kit completo está incluido.
Prueba gratuita · No se requieren correos electrónicos de alumnos
