Wildfire Awareness Game

This game raises awareness about wildfires and the damage they cause in a fun and engaging way, where the player gets to shoot water to put out the fires.

Comment

Inspiration

We were inspired by the recent LA fires and how much damage they caused both to the air quality and surrounding infrastructure.

What it does

Our project is a platformer/shooter game, where the player must shoot water projectiles at fires in a forest in order to put them out and save the forest.

How we built it

HTML, CSS, JS. Used a canvas element and altered it using JavaScript.

Challenges we ran into

Our water shooting had malfunctions and issues, which took us 2-3 hours to fix. Additionally, we intended for the project to have sidescrolling capabilities and sounds when actions were performed, but due to time constraints we were unable to complete these.

Accomplishments that we're proud of

Collision between player and platforms, gravity + jumping, directional shooting using arrow keys

What we learned

How elements of HTML, CSS, and JS interact, especially how JS can alter a canvas element. We also learned how to detect input in JS code and translate that into an action on the screen.

What's next for Wildfire Awareness Game

Adding side-scrolling capability and sound effects after actions are performed. Different levels with different elements too (ex. instead of water to put out fires, use wind to blow away air pollution).

Built With

Share this project:

Updates