ENPT
All projects

Mr Frog eats bugs

Game Designer
Jump to01 The Game
01

The Game

Mr.Frog eats bugs is an incremental survivors-like game where you control a frog, eating the bugs that spawn around you and upgrading yourself to get stronger.

The whole game is built around a single click: the first click licks a bug into the frog's mouth, the next one spits it out as a bullet. Some bugs are too dangerous to lick, so the only way to deal with them is to shoot other bugs at them.

Every bug you eat becomes currency for four upgrades that let you survive longer, move faster, reach further and unlock harder waves.

  • The frog idling

    Idle

  • The frog idling with a bug in its mouth

    Mouth full

    Ready to spit

  • The frog walking

    Walking

  • The frog falling over

    Dying

The frog idling, with its mouth full, walking and dying
The frog crawling back into the screen
Back for more

When the frog dies, it crawls back onto the screen, ready to spend what it ate on upgrades and start the next run.

02

Contribution

Mr.Frog was made in a 3-day jam by a team of seven, with two game designers: me and Davi Figueiredo, who worked on the design together.

  • Game concept: the first ideas and how they merged into the final game;
  • Enemies: the brainstorm, the shape and color rules and the design of every bug;
  • Upgrades: the upgrade system, its costs and its balancing;
  • Waves: the enemy mix and spawn interval of each wave, and the wave pool;
  • Menus: the menu layouts and the flow between screens;
  • Juice and production: the particles and animations plan, and the list of every sound and sprite the team needed.
03

Inspirations

Mr.Frog mixes a few things we love into something small enough for a jam.

The Binding of Isaac key art, with Isaac crying surrounded by monsters
The Binding of Isaac

A single top-down room where enemies come at you from every side, with a small character holding its ground in the middle.

Everything is Crab key art, a blue creature with crab claws
Everything is Crab

Both gameplay and visuals: a cute critter eating its way up, surrounded by other creatures in a survivors-like pace.

Adventure Time title card, with Finn and Jake on a mountain
Adventure Time

The cute and slightly weird tone, with thick outlines and characters that are funny to look at.

On top of that, survivors-like games in general gave us the loop: waves of enemies, a run that ends when you die, and upgrades between runs.

Before any art was drawn, we pasted the frog onto other games to test how it would read in a top-down arena and in a swamp setting:

The frog pasted onto a Binding of Isaac roomThe frog with its tongue out over a Minecraft mangrove swampEverything is Crab gameplay, with the player surrounded by creatures
04

Two first ideas

The game started as two different ideas, both about a frog eating bugs.

Mockup of a frog in the middle of the screen with bees and a scorpion around it
Idea 1: the survivors frog

A frog walking around an arena in a survivors-like, surrounded by insects it can eat and things it can't, like the scorpion.

Mockup of a frog at the bottom of the screen aiming its tongue at a bee, with arrows showing it leaping to the sides
Idea 2: the tongue frog

A frog seen from the side that leaps left and right along the bottom of the screen and aims its tongue at targets around it.

Gold Miner flipped upside down, the claw reaching up for a gold nugget
Gold Miner, upside down

The second idea came from Gold Miner: flip it upside down and the claw swinging down at the gold becomes a tongue shooting up at bugs.

The frog with a long red tongue stretched out towards a point
A mix of both

From the first idea, the frog moves freely around the arena; from the second, it licks everything with an aimed tongue.

05

Brainstorming enemies

With the core loop decided, the next question was what to lick. We listed enemy ideas by how they interact with the tongue and with projectiles: enemies you have to avoid, enemies worth one projectile or three, enemies with shields, heavy ones that pull the frog, explosive ones, summoners and more.

Each idea was marked as "do for sure" (✔) or "do if there's time" (★), which kept the list honest for a 3-day jam.

Board of enemy ideas, each note describing how many projectiles the enemy is worth, some marked with checks and others with stars
The enemy brainstorm. ✔ means "do for sure", ★ means "do if there's time"
06

Design rules

To make every bug readable at a glance, each one follows a shape and color rule:

  • Round and blue: slow and harmless;
  • Square and yellow: fast and more aggressive;
  • Spiky and red: don't lick it. Ever.

There was also a decision about projectiles: should every enemy have its own projectile version, or should every eaten bug become one generic projectile? We went with a projectile for each enemy, so you can always see what you're about to spit. Projectiles spin while they fly.

Design rules board: round and blue are slow, square and yellow are fast and aggressive, spiky and red means die; and a choice between one projectile per enemy or a generic projectile
The design rules board, in Portuguese. The star marks the projectile option we chose
  • Fly projectile, a curled-up blue fly

    Fly

  • Bee projectile, a curled-up yellow bee

    Bee

  • Beetle projectile, a curled-up beetle without its shell

    Beetle

The projectile of each edible bug

Two more projectiles were drawn but left out of the game: the generic one, from the option we didn't pick, and a scorpion one, since the scorpion can't be eaten.

  • Generic projectile, a green ball with bits of every bug in it

    Generic

    Unused

  • Scorpion projectile, a curled-up pink scorpion

    Scorpion

    Unused

07

The bugs

Four bugs made it into the game, each one with its own speed and its own answer to being licked.

  • The fly, a round blue bug with red eyes

    Fly

    Slow · Edible

    Slow and easy, the perfect snack. Licked into the mouth and spat out in the aimed direction.

  • The bee, an angry square yellow bug

    Bee

    Fast · Edible

    The fastest bug, so eat it before it reaches you. Works just like the fly.

  • The beetle, a yellow bug with a blue shell

    Beetle

    Slow · Armored

    The first lick cracks its shell, the second one eats it. Projectiles also break the shell before killing it.

  • The scorpion, a spiky pink bug with a red outline

    Scorpion

    Medium · Dangerous

    Can't be licked, the tongue hurts you instead. The red outline warns you to spit other bugs at it.

Every bug hurts the frog on touch and dies when hit. The beetle has a second sprite for after its shell is gone:

The beetle without its shell, walking
Beetle, no shell

After the first lick or the first projectile, the beetle is one hit away from being eaten.

Each bug was first described in a design card listing what happens when it's licked, spat, touched and damaged, with its health, its speed (the boots) and its value:

Design card of the fly, in PortugueseDesign card of the bee, in PortugueseDesign card of the beetle, in PortugueseDesign card of the scorpion, in Portuguese

The value in the corner of each card comes from an early plan: every bug would be worth a different amount of a single currency (fly 1, bee 2, beetle 3, scorpion 4). We later dropped it so that each insect works as its own currency.

08

Cut content

Some designs didn't make it into the jam version:

StinkbugDesign card of the Stinkbug, in Portuguese

A bug that explodes when spat, touched or damaged, instantly killing every insect around it. Eating it would turn your next shot into an explosive projectile.

The frenzy bugDesign card of an unnamed bug, in Portuguese

An unnamed bug that would put the frog into a frenzy when eaten. It never got past the idea stage.

Mockup of a big queen bee surrounded by smaller bees
The Bee Queen

A boss for the end of the game, surrounded by her bees. It was planned but not ready by the end of the jam.

09

Upgrades

The upgrade system started from Bento Bugs, where you spend what you collect on a shelf of jars, each one leveling up a different stat.

Bento Bugs upgrade screen, three glass jars with upgrades on their labels
Bento Bugs

Upgrades shown as jars on a shelf, with their level on the label.

The first ideas for upgrades were three lines priced in coins: one for the tongue (range, tongue speed and hold time), one for health and move speed, and one that multiplied the value of every insect.

Three tables of upgrade levels and coin prices, for the tongue, for health and speed, and for insect value
The first upgrade ideas, still priced in coins

In the final version there are no coins and no insect values: each insect is its own currency, and every upgrade costs a mix of them.

  • More hearts upgrade icon, a red heart

    More hearts

    2 levels

  • Cool sneakers upgrade icon, the frog's legs in winged sneakers

    Cool sneakers

    8 levels

  • Longer tongue upgrade icon, the frog's tongue stretching out

    Longer tongue

    10 levels

  • More bugs upgrade icon, a fly, a bee and a scorpion with a plus sign

    More bugs

    7 levels

The four upgrades

Upgrades live on a log in the title screen. Hovering one shows what the next level does and what it costs.

The upgrade log with the four upgrades at level 1The upgrade log with the More bugs upgrade hovered, showing Unlock Wave 2 for 10 flies

The number of levels of each upgrade comes from the scope we wanted:

  • More bugs, 7 levels: eight waves were enough for a jam, and the first one is there from the start;
  • More hearts, 2 levels: the frog tops out at 3 hearts;
  • Cool sneakers, 8 levels: enough steps for a smooth move speed ramp, up to +200%;
  • Longer tongue, 10 levels: it alternates between reach and tongue speed, five levels each, both up to +100%.

The costs follow the waves: prices ask for bugs you can only get after unlocking the waves they appear in, so More bugs paces every other upgrade.

More hearts

LevelEffectCost
11 → 2 HP10 :fly: 9 :bee:
22 → 3 HP20 :fly: 6 :scorpion: 4 :beetle:

Cool sneakers

LevelMove speedCost
1+0% → +10%3 :fly:
2+10% → +25%7 :fly:
3+25% → +40%10 :fly: 3 :bee:
4+40% → +60%15 :fly: 5 :bee:
5+60% → +80%18 :fly: 10 :bee: 4 :scorpion:
6+80% → +100%20 :fly: 15 :bee: 6 :scorpion:
7+100% → +150%20 :fly: 20 :bee: 8 :scorpion:
8+150% → +200%25 :bee: 9 :scorpion: 4 :beetle:

Longer tongue

LevelEffectCost
1Reach +0% → +10%4 :fly:
2Tongue speed +0% → +10%8 :fly:
3Reach +10% → +25%11 :fly: 4 :bee:
4Tongue speed +10% → +25%16 :fly: 7 :bee:
5Reach +25% → +50%20 :fly: 10 :bee: 6 :scorpion:
6Tongue speed +25% → +50%21 :fly: 15 :bee: 8 :scorpion:
7Reach +50% → +75%22 :fly: 20 :bee: 9 :scorpion:
8Tongue speed +50% → +75%30 :bee: 11 :scorpion: 6 :beetle:
9Reach +75% → +100%35 :bee: 11 :scorpion: 8 :beetle:
10Tongue speed +75% → +100%40 :bee: 13 :scorpion: 10 :beetle:

More bugs

LevelWave poolCost
1Waves 1–210 :fly:
2Waves 1–315 :fly:
3Waves 1–420 :fly: 8 :bee:
4Waves 2–525 :fly: 15 :bee:
5Waves 3–630 :fly: 17 :bee: 9 :scorpion:
6Waves 4–720 :bee: 15 :scorpion:
7Waves 5–850 :bee: 15 :scorpion: 8 :beetle:
10

Waves

The game has eight waves, each with its own mix of bugs and a spawn interval that goes from 1.5 seconds in the first wave down to 0.5 seconds in the last one. Flies fill the early waves, bees and scorpions take over the middle, and beetles arrive at the end.

A run goes through every wave in the pool, in order. The More bugs upgrade adds the next wave to it, but only four waves can be in the pool at the same time: from the fifth one on, unlocking a wave drops the oldest one, so a run goes through waves 2 to 5, then 3 to 6, and so on. That way runs get harder instead of only longer.

Along with the four-wave limit, a choice we made later, while balancing the waves: the whole run uses the spawn interval of the highest wave in the pool. With waves 3 to 6 unlocked, for example, bugs spawn every 0.75 seconds from the very first wave of the run.

Table of the eight waves with spawn interval and how many of each bug they have, with waves 5 to 8 inside a green box
Wave planning. The green box shows the pool at the last level, waves 5 to 8
11

The arena

The arena is a swamp clearing. Bugs spawn just outside the player's screen, so they're always coming in from the edges, and that can be inside the arena or in the area around it. That outer area is a big collider that only the frog can't cross: bugs walk in from there freely.

The arena, a pale swamp clearing with ponds, surrounded by trees and roots outside its border
The arena
12

Menus

The menus went through nine layouts before we picked one. Most of them explored where the upgrades should sit and how the player gets from them to a new run. The plan also mapped a flow between screens, with credits and an options screen.

We went with number 8, which puts everything in the title screen, under the game's temporary name, Frongue.

Nine numbered mockups of the menu, with the upgrade panel in different places
The menu layouts we explored
The chosen layout, the title screen with the upgrade log, connected by red arrows to the run, the credits and the options screens
The chosen layout and the planned flow between screens

In the jam version, the menu is just this screen: the upgrade log, and buttons to start a run, play a frog sound (with a few variants), see the credits and quit.

The title screen of Mr.Frog eats bugs, with the logo, the frog, four lily pad buttons and the upgrade log
The menu in the game
13

Juice and production

With the core done, a list of juice went on the board: projectiles spinning when shot, a wobble on walking characters, nicer tooltips, and sounds and effects on button hover. Next to it, four particle effects, all of which made it into the game:

  • Spit particles when shooting;
  • Death puffs when a bug dies;
  • Footstep dust behind the frog;
  • Stars when buying an upgrade.
Juice board with ideas like projectile spin and tooltips, and the four particle effects drawn next to their notes
The juice plan, with the particle effects that were made

To keep the artists and the sound designer on track, we also listed every sound effect and every animation the game needed, character by character, and checked them off as they came in.

Two checklists in Portuguese, one of sound effects and one of sprites and animations, every item checked
The sound and animation checklist, in Portuguese
14

Final considerations

As much as I like the results of this project, I think it deserved focus on some aspects that would make the game experience better. Some of these that ended up not happening because of scope and time, others that we simply forgot or ignored.

One of the things that more than one person gave feedback is that the main menu and upgrade menu should not be the same. This is something that we considered in the menu planning (as this document mentions briefly at topic 12) but never implemented to the final jam version of the game.

Considering more time spent at balancing the upgrade costs and effects as well as enemies that appear on each wave is important as well, as we spent only half of the short development time on that.

Of course, all of this can be implemented on future updates along with ideas that were cut from the final content.