🌐 Language / Translate

YOUR GAME STUDIO

My First Game

Saved on this browser

Ready to create

YOUR LEARNING ROADMAPStart with movement, then build a game

1Basic Movement and Animation!Coordinates · events · walking framesStart learning
2Build Coin QuestScores · collecting · winningNext adventure
3Key & GateTrue / false · visibility · conditionsNew challenge
4Maze RunnerCoordinates · collisions · Newton’s third lawNew challenge
✦Create your own gameUse what you learned · make it yoursExplore freely

Later lessons will add repetition. Functions are reserved for the final stage; that lesson is coming later.

COIN QUEST · Hold the arrow keys to collect 5 coins. Select objects to explore and change their code.

GUIDED GAME · EXPLORE YOUR WORLD

WATCH MY CODEPress Run to watch your blocks.

Scene

YOUR WORLD

Backgrounds

Characters & objects

Select an object to change its picture and code.

Game world

CLICK OR DRAG AN OBJECT

MAKE YOUR CHARACTER MOVE

Left makes X smaller

Zoomed-in example: X goes from 0 to −20. Y stays at 0.

You did it!

Your character moved. Click Stop to continue.

YOU WIN!

You reached your goal. Try Play again, or Stop to edit your game.

(0, 0) at center · X → right · Y ↑ up800 × 500

Selected object

APPEARANCE

Block Library

Drag a block, or click to add it. Put actions inside loops.

Code workspace

Start with an event block

MAKE SOMETHING YOURS

Create a character or object

Name

You can change its picture and add walking frames later.

DRAWING STUDIO

Create background

Name

ColorBrush

Draw with your trackpad, mouse, or finger.

WALKING ANIMATION

Add frames

Mirror Right walking frames for LeftDirection

Click to add. Click again to remove. Frames play automatically while this object moves in that direction.

Spritesheet settings

Frame widthFrame height

Changing the sheet or grid size clears its previous frame selections.

Left-walking frames — mirrored 19–24

These are the right-walking pictures flipped to face left. Click one to choose it for Left, or use all six. Left and Right share this walking sequence; Up and Down stay separate.

Original sprite sheet

EDITABLE EXAMPLE

Coin Quest blocks

These are the actual blocks in this example. Select Player or a coin in Scene to edit its script.

Follow the dotted outlines

In this lesson, a dotted outline shows where to go next. Hover your mouse pointer over that outlined area to continue. You can also tap it, or use the lesson’s continue button.

Read the instruction at the top, then find the matching outline.

Step 1 of 6

Meet your Game World

YOUR NEXT CHALLENGE

Make the Left arrow move left

Now let’s move left when the Left arrow is pressed. Which movement block should go below this event?

Yay! You got movement done!

Left decreases X. Right increases X. Up increases Y. Down decreases Y.

You made your character respond to all four arrows. Next, let’s make its pictures look like walking!