Inside the Browser Draw Climber: 60 Levels, Coins and Skins
Published · Updated · 2 min read
Draw Climber started as a mobile game from Voodoo. The version on this site is a separate HTML5 build, not the Voodoo app. We looked through its files to see how it is made and what it holds, so you know what to expect before you sink an afternoon into it.
How the game is built
- Engine: it runs on the Egret HTML5 engine, with Box2D for the physics of the cube, legs and course.
- Screen: the game is drawn on a tall 640 by 1136 canvas set for portrait, which is why it fits a phone screen so well and shows bars at the sides on a wide monitor.
- Origin: the code still has parts written for Facebook Instant Games, such as friend leaderboards and challenge messages. In this browser version those features do not have a Facebook account to work with, so you play the levels on your own.
- Ads: the page uses the GameDistribution ad system. Some buttons, such as the bigger coin reward, play a video ad first.
How many levels there are
The level data holds 60 hand-built courses. Each one is a list of pieces: ground blocks, ramps, stairs, coins, hazards and a finish line. After level 60 the counter keeps going, but the game reuses the courses. Level 61 plays the layout of level 11, level 62 plays level 12, and so on, looping through levels 11 to 60. So a level number like 150 is a repeat of an earlier course, not a new one.
Every tenth level the game shows a photo screen with a picture of your run and a share button before the normal results.
How you earn coins
| Event | Coins |
|---|---|
| Each coin picked up on the course | 1 |
| Finishing a level | 20 on top |
| Failing a level | 10 on top |
| Claim on the results screen (after a video ad) | 5 times the level total |
| +500 button in the shop (after a video ad) | 500 |
A new player starts at level 1 with 100 coins. Coins can be picked up by the cube or by the legs, so long legs can sweep up a row of coins the cube would miss. Failing still pays a little, so a hard level is never a total loss.
The nine skins and what they cost
The shop has nine skins: the blue cube you start with, a yellow duck, a red winged boot, a red car, a white chicken, a burger, a striped gift box, an ice cream cone and an American football.
You cannot pick which skin to buy. Random Unlock opens one of the locked skins at random, and the price rises with each skin you already own:
- First unlock: 300 coins
- Second: 600 coins
- Third: 1,000 coins
- Each of the last five: 2,000 coins
Opening all eight locked skins costs 11,900 coins in total. As explained in our post on how the legs work, skins only change the look; they all climb the same way.
Where your progress is kept
The game saves your level number, coins, unlocked skins and chosen skin in your browser's local storage. Nothing is stored in an account. Clearing site data, using a private window or switching to another browser or device starts you again at level 1 with 100 coins.
More from the blog
- How Draw Climber Turns One Stroke Into Two Legs
Where you start the line becomes the hinge, a mirrored copy is added, and the legs speed up as you run. What the game code does with your drawing.
- Draw Climber Obstacles: Spikes, Crates, Balls and Bolts
Which Draw Climber objects can end your run, which ones move, and what the speed bolt really does. Based on the game's own level code.