Ecology Vista

Inspiration

We created Ecology Vista because we wanted a fun way to educate a younger audience about major contributors to air pollution, better alternatives, and ways they can help. The younger generations are the future, so it is important for them to learn from a young age about easy ways they can help prevent air pollution!

What it does

We built a website with three mini games to teach young students about the dangers of air pollution, major contributors, and better alternatives! Each game uses the keyboard to move a player around and prevent the player from losing as well as trying to get the player to win as many points as possible.

How we built it

We used Javascript to build the main game. We used Scratch to build two other mini-games. We used HTML and CSS to build and style the website itself.

Challenges we ran into

One of the biggest challenges was finding a way to detect collisions in our Javascript game. Although it is still not perfect, we found that creating a box around the player and the "enemy" (or the trucks) was the best way to do it! We used the Pythagorean Theorem to measure the distance between the points and check if it equaled zero.

Accomplishments that we're proud of

We are proud that we were able to use vanilla Javascript to create an entirely new game! We're also proud that we have a functional and informational website for young kids! We're proud that our games are fun to play and interesting to young children.

What we learned

We learned a lot about animating images for the video game. We also learned more about Javascript and taking keyboard input to create a web game!

What's next for Ecology Vista

We hope to make out Javascript game even better by adding more levels, adding more objects outside of just trucks, such as bikes that would give the player more points instead of causing the player to lose. We also hope to add more information including data visualizations that we can create through Python using public datasets. This would help users more easily find out information about air pollution!

Built With

• css
• html
• javascript
• scratch