Skip to content
Designer Mitch

Case study · Browser game

Trolley Dash

A supermarket dash that runs in a browser tab. I designed the game, drew every sprite and built the UI.

Trolley Dash title screen: a robin in a Santa hat pushes a trolley of presents across a snowy B&M car park at night.

  1. Problem

    A player character that still reads at about 60 pixels tall, mid-run, on a phone.

  2. Loop

    Push a trolley round a shop at night, as fast as you dare.

  3. Role

    Game design, pixel art, HUD and menus, front-end build.

  4. Result

    A game that plays in desktop and mobile browsers, and a player sprite that now doubles as my logo.

In game

Shop floor to car park

Background panels lifted straight from the game, at 1×. Each is 420 pixels wide and tiles as the level scrolls.

Trolley-dash / backgrounds4 panels · swipe
  • Toy aisle: shelves of teddies, footballs, dolls and boxed toys under tinsel.
    BG 01 · aisle-toy420×180
  • Christmas aisle: trees, wreaths, snowmen and boxed lights.
    BG 02 · aisle-xmas420×180
  • Car park at night: parked cars under street lamps and a trolley shelter.
    BG 03 · yard-carpark420×244
  • Stockroom: racking stacked with cardboard boxes, roll cages and a pallet truck.
    BG 04 · aisle-store420×180

The sprite sheet

Ten poses, one shopper

Four frames push. The other six have to say “look”, “ouch” and “you won” on a phone, mid-run.

Trolley-dash / sheet10 frames
  1. 01Mitch, idle pose
  2. 02Mitch, push 1 pose
  3. 03Mitch, push 2 pose
  4. 04Mitch, push 3 pose
  5. 05Mitch, push 4 pose
  6. 06Mitch, look up pose
  7. 07Mitch, look down pose
  8. 08Mitch, hit pose
  9. 09Mitch, run off pose
  10. 10Mitch, celebrate pose
Mitch pushing a trolley, the push loop playing
Push loop● Live

Palette

Seven colours.

  • ink#050823
  • night3#040A33
  • night2#071052
  • night#0B1A78
  • blue#1A2FB0
  • orange#FF6A13
  • gold#FFC51B

Sprite to logo

The player became the brand

  1. Mitch at in-game size
    Step 1

    The 60px shopper, as drawn for the game.

  2. 16
    32
    64
    128
    Step 2

    Cleaned into a mark that holds from favicon to 512px.

  3. Designer Mitch horizontal lockup for dark backgrounds
    Step 3

    Locked up with the name. No separate wordmark fighting the character.

Need a short browser game that reads this small?

Work with me