Back to Fun Projects

——

Trashbot

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.

Instructor for Processing Demo: Nikita Pashenkov

Timeline /
Jun 2020 - Aug 2020
Feb 2021 - Apr 2021
(
5 Months
)
Role /
Game Design
UI/UX Design
3D Design
Game Development
Tools /
Sketch
Figma
Illustrator
Cinema 4D
Processing

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 above 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

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.

What I Learned
Next Step