Digital Tools

Screenshot of a graphical programming interface showing a microcontroller board and coding blocks.

MakeCode Arcade

Microsoft MakeCode Arcade is a free, web‑based game development environment where students learn computer science by creating retro‑style 2D video games. Students can code with block‑based programming or switch to text coding (JavaScript), and they can design sprites, stories, and game elements to build playable projects. MakeCode Arcade can be accessed via browser and also supports student access through Clever for streamlined sign‑in and classroom use.

Tech Level

Three stars side by side, with two blue stars and one white star on the right.

Intermediate

Grade Bands

4-12

Explore the Tool

Getting Started

  1. Go to MakeCode Arcade.

  2. Choose a tutorial to begin (guided, step‑by‑step).

  3. Build with Blocks, then optionally switch to JavaScript for text coding.

  4. Test your game in the built‑in simulator and iterate.

Key Classroom Features

  • Blocks + JavaScript Coding: Students can begin with drag‑and‑drop blocks and transition to text coding (JavaScript).

  • Sprites & Game Mechanics: Tutorials explicitly teach game concepts, like sprites (characters/images) and their properties.

  • Tilemaps for Levels: Students can create tile‑mapped environments/levels using tilemap tools and blocks.

  • Clever Integration: Students can access MakeCode Arcade through Clever, supporting classroom workflows.

  • Educator Resources & Training: Microsoft provides educator-focused Arcade resources and training modules for classroom implementation.

AVID Strategy Connections

✏️ Writing

  • Procedural Writing: Students write step‑by‑step “how the game works” explanations (controls, goals, win/lose conditions) based on their coded mechanics.

  • Developer Reflections: Students keep brief “update notes” describing what they changed and why after each test/play cycle.

💡 Inquiry

  • Debugging Questions: Students ask “What is the code doing?” and “What evidence do I see in the simulator?” to revise game logic.

  • Design Inquiry: Students test different variables (speed, score, collisions) and analyze which settings best meet the game goal.

💬 Collaboration

  • Pair Programming: Students collaborate as “driver/navigator” to build and debug games together.

  • Playtesting Teams: Students play peers’ games and provide feedback on clarity, challenge level, and usability.

🗂️ Organization

  • Storyboard → Build: Students organize game planning using storyboards (characters, levels, rules) before coding.

  • Task Chunking: Break builds into phases: sprite design → controls → scoring → levels (tilemaps) → testing.

📖 Reading

  • Tutorial Reading: Students follow tutorial directions closely and interpret how code blocks connect to outcomes in the simulator.

  • Code Reading: Students read block labels and (optionally) JavaScript to understand cause/effect and revise for accuracy. 

Accessibility Spotlight

MakeCode Arcade supports inclusive learning by offering a highly visual block‑coding entry point and immediate feedback through an on‑screen simulator, which helps students understand cause‑and‑effect without needing advanced typing skills. Guided tutorials and educator resources provide structured scaffolds for learners who benefit from step‑by‑step support, while optional text coding allows advanced students to extend learning.

An unhandled error has occurred. Try a refresh. 🗙

Rejoining the server...

Rejoin failed... trying again in seconds.

Failed to rejoin.
Please retry or reload the page.

The session has been paused by the server.

Failed to resume the session.
Please retry or reload the page.