🍄 Platformer

🎮 How to play

Reach the flag 🏁 (or the goal score) without running out of lives. Collect coins, jump over gaps, and stomp enemies by landing on top of them.

• ◀ ▶ buttons or ← → (hold): Run.
• Jump button, ↑ or the space bar: Jump. Only works when you are standing on something.

⚙️ Your functions

You write these functions. The game calls them when something happens.

• onCoin()

  Runs every time you pick up a coin.

  function onCoin() {
    score = score + 1;
  }

• onStomp()

  Runs when you land on top of an enemy.

  function onStomp() {
    score = score + 5;
  }

• onHit()

  Runs when an enemy touches you from the side, or you fall into a pit. You respawn at the start with a moment of safety.

  function onHit() {
    lives = lives - 1;
  }

• onFlag() optional

  Runs when you reach the flag, just before you win.

  function onFlag() {
    score = score + 100;
  }

🎚️ Settings you can change

Variables at the top of your code are the game's settings. Change a value, press Play, and see what happens.

player = "🧑"

The emoji for you.

enemy = "👾"

The emoji for the enemies.

goal = 9999

Reach this score to win (the flag also wins).

lives = 3

Hits you are allowed.

jumpPower = 2

From 1 to 4: how high you jump. 2 clears a 2-block wall; 3 jumps much higher.

level = the map

The map: a list of text rows (see the legend). optional

block = "🧱"

The emoji for solid blocks. optional

coin = "🪙"

The emoji for coins. optional

flag = "🏁"

The emoji for the flag. optional

score = 0

Your points. The game starts it at 0 and you change it in your functions. set by the game

🪜 Step by step

Each step shows code you can add to the end of your game's code. A function or variable written later replaces the earlier one, so you never have to delete anything.

1. 1Play the starter

   Run to the right, jump the walls and gaps, and reach the flag. The level is just a list of text rows near the bottom of the code.

   function onCoin() {
     score = score + 1;
   }

2. 2Jump higher

   jumpPower changes the whole feel of the game.

   let jumpPower = 3;

3. 3Stomps make you jump higher

   The game reads jumpPower every moment, so you can change it while you play. Here every stomp makes your jump a little higher (up to 4).

   function onStomp() {
     score = score + 3;
     jumpPower = Math.min(4, jumpPower + 1);
   }

4. 4Design your own level

   Replace the level with your own. Every row must be the same length (at least 8 characters, up to 60) with 4 to 14 rows. Put solid ground (#) under the flag. Keep gaps 3 wide or less and walls 2 tall or less so it's fair.

   let level = [
     "............",
     "............",
     "....ooo.....",
     "@.......e..F",
     "############",
   ];

// 🍄 Platformer!
let player = "🧑";
let enemy = "👾";
let goal = 9999;        // reach this score to win (or just reach the flag!)
let lives = 3;
let jumpPower = 2;   // 1 to 4: how high you jump

// The map. Each row is a piece of text:
//   .  empty air     #  a solid block     o  a coin
//   e  an enemy      F  the flag (reach it to win)     @  where you start
let level = [
  "....................................",
  "....................................",
  "....................................",
  ".........ooo..............ooo.......",
  "....................................",
  "....................................",
  "@....o......#......e....#...o...e..F",
  "#################..##########..#####",
];

function onCoin() {
  score = score + 1;
}

function onStomp() {
  score = score + 5;
}

function onHit() {
  lives = lives - 1;
}

💡 Ideas to try

• A cave level full of coins with no enemies.
• A tricky level with lots of gaps and a long run.
• Give a 100 point bonus for reaching the flag using onFlag.
• Make the flag a 🏆 and the enemies 👻.

Tips

• The Game Studio can playtest your level for you: in the lesson, a robot tries to finish it.
• Press the jump button just before the edge of a gap, not after!

🎓 Lessons for this game

• 🔒Platformer: run and jumpPremium
• 🔒Platformer: stomp and bouncePremium
• 🔒Platformer: design a levelPremium