Learning map

What lies between your first circle and a game of your own. Things you have finished get a tick; things that are still locked get a padlock — click one and it tells you how to open it.

1 Now at 1 level・0 experience 🔥 0 days Finish one today, come back tomorrow, and the streak starts counting

The path

Draw something first 0 / 15

Open it, change it, see the result straight away. Do not think too hard here — the point is to get your hands moving.

Your first circle A circle that moves Follow the mouse Gravity and jumping Catch the apples Loops draw flowers Buttons and text boxes Turn numbers into a chart Celebrate Do it later Filters and glow Draw a map with text Sound and effects Load an image An image that animates

Then work something out 0 / 17

One idea per stage: coordinates, binary, logic, sorting, searching. A few of them build a real web page.

Grid Coordinates Infinity Hunt Decimal to Binary Binary to Decimal Guess the Number Sorting Race Logic Gates Program the Maze Gem Detector Letters Have Numbers Stack or Queue My Card Roll Call Poll Results Calculator Pet Catalogue Weekly Exercise Log

Play a whole game 0 / 5

Stages, heroes and a score. The heroes you collected in the challenges become the ones you play as here.

Ninja Run Snake Tomato Battle Dungeon Dive Plinko

Make one of your own

Start from a blank editor, press Save, and you get a URL you can send to a friend.

Open the editor → See everyone's work →

Badges 0 / 14

You do not have to go after badges — they turn up as you work. The grey ones are the ones you do not have yet, and they say what to do.

？ First step Finish your first exercise

？ Five done Finish five different exercises

？ Ten done Finish ten different exercises

？ Reads 0 and 1 Finish both binary challenges

？ Sense of coordinates Finish both coordinate challenges

？ Works out a method Finish three algorithm challenges

？ Builds web pages Finish three web projects

？ Full marks Score 100 on any exercise

？ Collector Collect four heroes

？ All present Collect every hero

？ Finished a game Clear every stage of one game

？ Three days running Practise three days in a row

？ Seven days running Practise seven days in a row

？ Shared it Save your first own project

Everyone together

Everyone on this site has finished 15 exercises so far. The next milestone is 100, 85 to go.

The one you just finished counts towards it.

Common questions

Where is my progress saved? Do I need an account?

No account. The first time you open the site you get an anonymous ID, stored in this browser, and your progress starts counting immediately. Switch computers or clear your browser data and you start over, so the same browser on the same machine is the safe bet.

Why did the same exercise give me less experience the second time?

Full marks the first time, half the second, a quarter the third, tapering off but never reaching zero. That is deliberate: grinding the same stage should never beat trying something new. Practise it as much as you like — just do not expect to level up that way.

A stage is locked. How do I open it?

Click it and it tells you: what level you need, how many points short you are, and which exercise to do now — and that last line is a link. Heroes work the same way: under each one it says which stage hands it out.

What do heroes actually do? Is it just a different picture?

No. Each hero has five abilities (speed, jump, stamina, time, luck) and the games really use them: a high jump reaches higher platforms, high luck spawns extra gems. Your active hero also earns experience alongside you and levels up.

What are badges and streaks? Do I lose something if a streak breaks?

Badges are keepsakes for things you managed to do; they appear as you work, and once you have one it is never taken back. The streak counter only ever goes up too — if it breaks it simply starts again at one. Nothing is deducted: not experience, not heroes, not anything. It is a souvenir, not a chain.

Is the experience calculated on my computer?

No, all of it happens on the server. If it ran in the browser, changing one number would make you level 99, and the leaderboard and the unlocks would stop meaning anything.

What happens when my program has a mistake in it?

It gets checked before it runs (full-width punctuation, unclosed brackets, a forgotten ._發布()). Errors while running explain which line, why, and how to fix it, in plain language. You will not see "x is not defined" — that sentence only helps engineers.

Will I lose a program I am halfway through?

The editor saves it to this browser automatically. To keep it longer, press Save: it goes to the server and you get a six-character URL. It shows up under "everyone's work" and you can send it to people.

Can a teacher see how students are doing?

Yes. A teacher opens a class on the teacher page, hands out the six-character join code, and can then see how the class is doing on the assigned exercises. All that is visible is the name the student typed and what they finished — this site collects no email addresses and has no field for a real name.

Does it work on a phone?

Yes. Every game supports both keyboard and touch (tap to jump, hold to move). Writing code is still more comfortable on something with a keyboard, though.

Where do these commands come from, and how many are there?

It is a Chinese-language programming language, and the command list is always one click away on the right of the editor. The runtime currently implements well over a hundred commands; the full list is in docs/官方指令清單.md on GitHub. Older spellings that are no longer supported are marked "deprecated" in the editor, with the replacement.

Still stuck? This site is made by Programming Ninja — courses and contact details are over there.