■ GAME DESIGN • LESSON 01 OF 02 ■
WELCOME TO MAKECODE ARCADE
Learn the MakeCode workflow, then complete 2 Beginner Skillmap tutorials
MakeCode Arcade
Microsoft
Full class
2 tutorials
🎮 Ready Player One! Today you start a brand new unit: Game Design. You will build real arcade games using code blocks.
📚 Word Bank
skillmap • tutorial • sprite • block • project • sign in • save
SIGN IN WITH MICROSOFT
For Irving ISD, sign in with your school Microsoft account so the project can cloud sync. You will also download the project PNG before leaving.
a. Open a new Chrome tab and go to the MakeCode Arcade skillmap (button below)
b. Click the Sign In button in the upper right corner
c. Choose Microsoft for the Irving ISD school-account route
d. Use your school Microsoft account (@stu.irvingisd.net)
e. Leave Remember Me OFF (shared laptop!)
🎯 Open this link
CHOOSE YOUR PATH
You will see a map with three pink puzzle pieces on the left side. Each one starts a different game path.
🧩 Pink puzzle piece = tutorial you can start right now
🔒 Locked pieces = unlock after you finish the one before
🏆 Trophy = end of that path
COMPLETE 2 SKILLMAP TUTORIALS
Your mission today: finish TWO skillmap tutorials.
Click the top pink puzzle piece to start
Follow the tutorial steps. Drag blocks into the workspace
Press the play button to test your game
Finish the first puzzle piece and go back to the map
Start a second pink puzzle piece (any path you want)
⭐ LEVEL UP
Finished early? Pick one:
• Start a 3rd skillmap tutorial
• Hit the Share button and send your game link to a partner
💾 TURN IN
1. Take a screenshot of your skillmap showing 2 completed puzzle pieces
2. In MakeCode, click Save and download the project PNG. Keep it for Day 2.
3. Click Start Assignment in Canvas
4. Upload your screenshot
5. Answer the reflection in Comments
💬 REFLECT
In the comments of your submission, finish this sentence in 2-3 sentences:
“One block I used was ______. It made the game ______ because ______.”
Word Bank
skillmap • tutorial • sprite • block • project • save • code • Microsoft
✅ END OF CLASS
✔ Cloud sync checked or project PNG downloaded
✔ Completed 2 skillmap tutorials
✔ Uploaded screenshot to Canvas
✔ Answered reflection in comments
🎮 ¡Ready Player One! Hoy empiezas una nueva unidad: Diseño de Videojuegos. Vas a crear juegos de arcade reales usando bloques de código. No necesitas experiencia previa. Los tutoriales te enseñan paso a paso.
📚 Banco de Palabras
skillmap (mapa de habilidades) • tutorial • sprite • block (bloque) • project (proyecto) • sign in (iniciar sesión) • save (guardar)
INICIA SESIÓN CON MICROSOFT
En Irving ISD, inicia sesión con tu cuenta Microsoft de la escuela para sincronizar el proyecto. También vas a descargar el archivo PNG del proyecto antes de salir.
a. Abre una pestaña nueva en Chrome y ve al skillmap de MakeCode Arcade (botón abajo)
b. Haz clic en Sign In en la esquina superior derecha
c. Elige Microsoft para usar la cuenta de Irving ISD
d. Usa tu cuenta Microsoft de la escuela (la misma con que entras a la laptop)
e. Deja Remember Me APAGADO (¡laptop compartida!)
🎯 Abre este enlace
💡 Respaldo: Descarga el archivo PNG del proyecto antes de salir. Ese archivo contiene tu código y se puede importar mañana.
ELIGE TU CAMINO
Vas a ver un mapa con tres piezas rosas de rompecabezas al lado izquierdo. Cada una empieza un camino diferente.
🧩 Pieza rosa = tutorial que puedes empezar ahora
🔒 Piezas con candado = se desbloquean después de terminar la anterior
🏆 Trofeo = final de ese camino
COMPLETA 2 TUTORIALES
Tu misión de hoy: terminar DOS tutoriales del skillmap.
Haz clic en la pieza rosa de arriba para empezar
Sigue los pasos. Arrastra los bloques al área de trabajo
Presiona el botón de play para probar tu juego
Termina la primera pieza y regresa al mapa
Empieza otra pieza rosa (cualquier camino que quieras)
🎬 Video de guía
El video opcional está en la pestaña English. Puedes completar el trabajo con los pasos de esta pestaña.
⭐ LEVEL UP
¿Terminaste temprano? Elige uno:
• Empieza un 3er tutorial
• Presiona Share y mandale tu juego a un compañero
💾 ENTREGA
1. Toma una captura de pantalla del skillmap con 2 piezas completadas
2. En MakeCode, haz clic en Save y descarga el archivo PNG del proyecto. Guárdalo para el Día 2.
3. Haz clic en Start Assignment en Canvas
4. Sube tu captura de pantalla
5. Contesta la reflexión en Comments
💬 REFLEXIÓN
En los comments de tu entrega, termina esta oración en 2-3 oraciones (en inglés):
(En los comentarios de tu entrega, completa esta oración en inglés.)
“One block I used was ______. It made the game ______ because ______.”
Word Bank / Banco de Palabras
skillmap (mapa) • tutorial • sprite • block (bloque) • project (proyecto) • save (guardar) • code (código) • Microsoft
✅ AL TERMINAR LA CLASE
✔ Sincronización revisada o archivo PNG descargado
✔ 2 tutoriales del skillmap completados
✔ Captura de pantalla subida a Canvas
✔ Reflexión contestada en comments