OxyGen

Main Page

Inspiration

Climate change has been a really significant threat in our daily lives. The temperature reaching an all time high and the scorching Sun trying to burn our skin at every time of the day. Therefore, we have decided to make this simple project to convey how we all can save the environment through trees.

What it does

This project is a simple game inspired by the game "Cookie Clicker". When you click on the tree, oxygen will be produced. In this game, you can also upgrade your tree which will make the number of oxygen produced per click increase. This is to symbolize how more number of trees result in more oxygen produced. There is an auto clicker which can be purchased to make users more invested in the game.

How we built it

We started by writing a basic html file containing buttons and texts, formatting the main page using CSS to make the design presentable. After adding all the items needed, we worked on the increment system and market system using Javascript.

Challenges we ran into

As we are beginners in html, css, and javascript, it took us a long time to familiarize ourselves with all the libraries and syntax of the languages - simply centering the texts and buttons took us about an hour! Another problem we ran into was using GitHub Repository to work on the project together. We were not familiar with how to use it causing our individual files to be overwritten multiple times.

Accomplishments that we're proud of

We are really proud that we managed to complete this project in such a short period of time, especially since we've never really worked with these programming languages before. We are really satisfied with how the increment system, the autoclicker system, and the marketplace system worked out and we hope players will enjoy this game, as well as receive the message we are trying to convey.

What we learned

Of course, we learned a lot from completing this project. Firstly, how to implement html, css and javascript together to create a game. This project was truly a great way for us to understand how these languages work together to create the websites we often use. We are now able to freely manipulate the codes to solve problems we encounter.

What's next for OxyGen

Although this hackathon is coming to an end, we are not planning to stop the development of OxyGen here. We plan to make an event system, where random events will pop up at random time which will decrease oxygen level. For example, "Random Event: A forest fire has occurred" which decreases oxygen level by 100. In order to prevent these random events from decreasing oxygen level, players will have to "invest" in firms and campaigns which can reduce the number of oxygen lost due to the events. This random event system will raise awareness on the everyday occurrence which is harming our environment and give a solution on how to solve the issue.