Tutorials

Learn by making

Short, hands-on guides. Open Studio in another tab and follow along — most take a few minutes.

1. Your first game

~3 min

The fastest way to learn it is to play the demo that's already loaded, then start changing things.

  1. 1Click Open Studio (top right). A little demo game is already set up for you.
  2. 2Press ▶ Play, then click ▶ Start on the title screen.
  3. 3Move with WASD or the arrow keys; press Space to shoot. Clear the enemies to win.
  4. 4Press ■ Stop to go back to editing. Drag objects around, and change their colour or shape in the panel on the right.
  5. 5Press Save to keep your work (it's stored in your browser — no account needed).

Tip — Everything you make is a SceneDoc behind the scenes, so Save, Publish and multiplayer all share the same game.

2. Use your own art (free sprites)

~5 min

Objects start as plain shapes, but you can drop in real artwork. There are huge libraries of free, ready-to-use game art — here are the safe ones:

  1. 1Download a small PNG (a character or an item) from one of the packs above.
  2. 2In Studio, click an object to select it. In the panel on the right, find Sprite → Upload image.
  3. 3Your art replaces the shape. Drag the corner handles to resize it.
  4. 4If it spins to face the way it's moving, untick Face velocity.

Tip — Licences in plain English: CC0 = do anything, no credit. CC-BY = free, but credit the artist somewhere. If a pack doesn't say, don't use it for a published game.

3. Make a tougher enemy (health + bars)

~3 min

By default an enemy dies in one hit. Give it health so it takes a few, and show a health bar.

  1. 1Select an enemy. In the panel, set Health to 3 (that's how many hits it takes).
  2. 2Tick Show health bar — a little bar now floats above it while you play.
  3. 3Open the player's 🧩 Blocks: the Shoot block has a Damage setting (how much each hit takes off).
  4. 4Want power-ups? Add a variable called damage (⌗ Variables) and a block “Change damage by 1” on a collectible — now picking it up makes every shot hit harder.
  5. 5Press ▶ Play and shoot the enemy — watch the bar drain, and it only dies at zero.

Tip — Health works on any object, not just enemies — give a wall some health for a destructible crate, or use “If my health ≤ 0” blocks for a boss that changes when hurt.

4. Play with a friend

~2 min

Any game can be played together instantly — no installs, and no account needed to play.

  1. 1In Studio, press 🔗 Host. You get a private room and a shareable link.
  2. 2Send the link to a friend — they can open it on any device.
  3. 3They land in the lobby; once everyone's in, the host presses ▶ Start.
  4. 4You're all in the same game, each controlling your own player.

Tip — Set the max players and teams under 👥 Multiplayer before you host. Publishing your game lets anyone host their own room from the library.

5. Program it with Blocks

~4 min

Blocks are how you make things happen — and they're real code underneath. Two views of the same thing.

  1. 1Select the player and click 🧩 Blocks.
  2. 2You'll see “Move with keys” and “When Space pressed → Shoot”. That IS the game's logic — change it!
  3. 3Drag a block from the palette into the program, or click the ↳ on a container block to nest blocks inside it (like inside an If).
  4. 4Toggle See the code to watch the JavaScript your blocks turn into.
  5. 5When you're ready, switch to Inline code and write it by hand — same engine, same commands.

Tip — The full list of blocks and the code they make is in the Docs, generated straight from the engine so it's always accurate.

Ready?

Open Studio and make something — then send a friend the link.

Open Studio →