Trashbot

A Game For Change

Trashbot is an AR mobile game for anyone from anywhere to participate in cleaning up the North Branch of Chicago River. Players will become river guardians and join the championship of collecting trash by remotely driving the trashbot. In the meantime, real trash will be removed from the river.

Timeline

Jun 2020 - Aug 2020 March 2021 - Apr 2021 (5 Months)

Role

Game Design, UI/UX Design, 3D Design, Game Development

Tool

Sketch, Figma, Cinema 4D, Processing

Teammate

/

Instructor

Nikita Pashenkov (for Processing Demo)

Figma Prototype

🎮 Processing Demo

Tap anywhere to move your trash robot and collect as much trash as you can in 20 seconds.
Please click the "▶ ︎Run" button at the top of the window to run the game demo.
If the window below does not display properly, please click here to try the game demo.

‍

‍

Trashbot is designed by Urban Rivers (USA) and it is a robot that let anyone drive around and clean the North Branch of the Chicago River from anywhere.

Working Principle of Trashbot

Original Game Analysis

‍

Gameplay Concept

We divide 1500 meter North Branch of the Chicago River into 15 zone (every 100 meter is a zone).

The trashbots in each zone will scan and get the data (trash density, flow rate of the water and viscous force of the water) of that zone by their sensor electronics.

Using data above, we arrange these 15 zones from lowest to highest difficulty and set as Level 1 to Level 15.

The level setting will be refreshed every hour.

With Augmented Reality, the camera on the trashbot will track, recognize and convert the environment in real time.

Game Mechanics

Player Actions

Objects, Properties, Behaviors, Relationships

‍

Rules

‍

Visual Appearance

Trashbot

Animals

Trash

Game Interface

Splash

‍

Home

‍

Workshop for Trashbot

Workshop for Character

Map for Quick Game

Map for Championship

Gameplay for Quick Game

Gameplay for Championship

‍

Game End Animation

Game End Reward for Quick Game

Game End Reward for Championship Victory

Game End Reward for Championship Defeat

‍

Design Process

Design Process

Design Process

Behind The Scene

Demo Iteration with Processing.py

Modes Ideation

Mode 1: key press → move

‍

Mode 2: moving → key press → change direction & keep moving

Mode 3: mouse press → move

Mode 4: moving → mouse press → change direction & keep moving

All Demo Versions

Demo v1.0

Move: WASD
Change Color: C

Please click the "▶ ︎Run" button at the top of the window to run the game demo.

If the window above does not display properly, please click here to try the game demo.

Demo v1.1

Move: WASD
Stop: SPACE
Change Color: C

Please click the "▶ ︎Run" button at the top of the window to run the game demo.

If the window above does not display properly, please click here to try the game demo.

Demo v1.2

Move: WASD
Stop: SPACE
Change Color: C

Please click the "▶ ︎Run" button at the top of the window to run the game demo.

If the window above does not display properly, please click here to try the game demo.

Demo v2.0

Please click the "▶ ︎Run" button at the top of the window to run the game demo.

If the window above does not display properly, please click here to try the game demo.

Demo v2.1

Please click the "▶ ︎Run" button at the top of the window to run the game demo.

If the window above does not display properly, please click here to try the game demo.

‍