Climate Saver

About Climate Saver

The Purpose:

Climate Saver is a free to play web-based video game made to educate it's players about climate change and what they can do to help the ongoing dillema.

The Different Environments in Climate Saver:

Beach
City
Forest
Icey

Education:

After every environment played, users will be prompted to take a quiz. There is a quiz for each environment and the questions are relevant to each environment.

Features of Climate Saver

The first environment is located at a beach where the player has to pick up common beach trash and chose to either recycle it or trash it.

The second environment is located at a city where the player has to pick up common city pollutants or trash and chose to either recycle it or trash it.

The third environment is located at a forest where the player has to pick up trash that is found in the forest and chose to either recycle it or trash it.

The fourth environment is located at a an icey place where the player has to pick up common trash to icey places and chose to either recycle it or trash it.

Each level allows the users to chose to recycle or trash the items they collide with. If they choose wrong, their health decreases, but if they chose correctly, their health increases.

Each level lasts 60 seconds

Users are allowed to chose if they want to control the user using WASD keys or Arrow keys

Users are allowed to control the volume. They can turn the music on and off. They can lower or raise the volume. Same goes with the sound effects

After each level users are prompted to take a quiz

There is quizzes for every environment

Framework Design

Key Points:

Our framework employs a single page architecture
application exists entirely on a single HTML file
As users navigate through the application, the user interface will be redrawn without requiring a server to retrieve and render a new HTML file
the process starts with the initial request.
the process starts with the initial request.
client is requesting to visit the web page that contains our game

Walk through:

the process starts with the initial request.
the process starts with the initial request.
client is requesting to visit the web page that contains our game
server will retrieve our HTML and javascript files and it will send them back over to the client
The HTML will be rendered, the javascript files will run, and the game will be displayed.

Technologies and Skills

The technologies used to create Climate Saver:

Phaser.io for game development.
Tiled for environment creation.
Github for version control and team collaboration.
Jira for project management.

The skills needed to create Climate Saver:

Javascript in order to code the game in Phaser.io's framework.
Github in order to properly track changes in the code and to allow for collaboration amongst peers.
Graphic design in order to create environments and assets.

Climate Saver

MEET THE TEAM

Faizan Hussain

Kyle DeGuzman

Karen Prava

Isaac Garcia

Arin Alexander

Evelyn Lopez

Raydon Lam

About Climate Saver

Features of Climate Saver

Framework Design

Technologies and Skills

Gallery & Demo

Main Menu

Map Selection

Beach Map

City Map

Icey Map

Forest Map

Quiz Selection

Controls

Credits

Demo