💻 Block Code Builder

Tap the glowing blocks to build a mini program. Then press Run Code and see if the girl emoji can reach the neon laptop!

Level 1 · Straight Path

Help her walk straight ahead to the laptop using MOVE FORWARD.

She starts facing right. The avatar shows as 👧➡️.

Step 1 · Add your blocks

Step 2 · Check your program

Add some blocks, then press Run Code.

Level 1 of 3 · Completed: 0

Code the Robo Dance

Use code blocks like stepLeft(), stepRight(), jump(), spin(), and wave() to program a real dance. Then press Run Code and watch your robot perform!

Neon Dance Stage

She starts in the middle of the floor. stepLeft() and stepRight() slide her across the stage. jump(), spin(), and wave() add special moves.

Try this code: stepRight(), stepRight(), spin(), jump(), wave().

Step 1 · Add code blocks

Step 2 · Your dance code

danceRoutine = [

Click the buttons to add code, then press Run Code.

Steps: 0

Rocket Launch Lab

Level:

Step 1: Write your launch program

Commands you can use:

up or up 2 – move up (toward space)
left / right – move sideways
boost – big rocket push (goes up 2, uses extra fuel)
scan – pulse the radar to reveal danger (no movement)

✅ Ready! Choose a level, write your code, and press “Run Code”.

Data Detective Lab

Write simple code to explore colorful data. Count, highlight, filter, and find patterns!

Data Row

red blue green yellow purple

Try things like: count red, highlight blue, filter green, pattern red blue, shuffle, reset.

Step 1: Write your data program

Commands you can use:

count color – count how many of a color (red, blue, green, yellow, purple)
highlight color – glow all blocks of that color
filter color – dim all blocks that are NOT that color
pattern color1 color2 – look for that pair next to each other
shuffle – mix the data into a new pattern
reset – go back to the original data set

✅ Ready! Write your commands and press “Run Code”.