-
-
Gameplay
-
Coding
-
Creating Artwork
-
Planting Saplings
https://earthprotech.w3spaces.com
Inspiration
We wanted to create something that allowed us to apply the skills we had while also expanding our knowledge through learning a new language. Since we have some experience in HTML, CSS, and the Adobe Creative Suite, the best way of doing this was to make a web browser. Javascript seemed to be a popular coding language when making webpages, so we decided to create a game with it. Our main inspiration for the math game was environmental education and urgency. If you're faced with a timer, you are likely to answer fast and when that is combined with the need of planting trees to save earth, the players are hopefully understanding that it is also urgent that we protect earth by planting trees. Plus, it adds a fun aspect by trying to answer questions as fast and accurately as you can while improving your quick solving mathematical skills.
What it does
Protech Earth is an educational game that intertwines engaging math quizzes with an urgent mission: educating and empowering kids about the environmental crisis. Through captivating gameplay and timed math challenges, children not only enhance their mathematical skills but also learn about critical environmental issues. Our platform aims to inspire the next generation to become stewards of our planet by fostering a deep understanding of the challenges our Earth faces and encouraging actionable solutions.
How we built it
Once we had roughed out our concept, we worked simultaneously on two iterations of the project to see what each of us could come up with on our own, building the game from the ground up in javascript. Eventually, we joined forces and combined the best of each of our versions into one, then continued building on and refining the game. Along with the actual coding of the game, we used a generative vector image model, Adobe Firefly, to develop a unique visual illustration style and created a cohesive branding system for the platform.
Challenges we ran into
We wanted to build something physical using the provided Arduino kits, but did not have all of the components needed. We researched workarounds and alternative methods, but ultimately had to shift directions to a web-based game. We had never used javascript, so it was challenging to learn a new language and work within our limitations. Though we weren't able to add some more complicated animations and interactive features, but were limited by some of the mechanics of the language. A few hours before the deadline, our hosting subscription plan ran out of requests which locked our code, so we had to scramble to rebuild our entire project from an earlier backup.
Accomplishments that we're proud of
We are proud that we managed to use javascript without prior experience and create a game that did exactly what we intended. We are also proud of our idea—we spent a long time brainstorming an idea that would be fun and educational and spent a lot of time testing game mechanics to make it as engaging as possible.
What we learned
We learned a lot about hands-on javascript, HTML, and CSS coding and simple game development and how to implement our vision through code.
What's next for Protech Earth
We'd love to expand Protech Earth to create an ecosystem of educational games and resources that teach kids about a diverse range of environmental issues and give them actionable steps to create change. The first step will be creating more math games centered around climate crises, then potentially branch out to create more interactive games with 3D interactive environments and maybe even VR adventures. Our goal is to create a genuinely fun and engaging learning environment for kids to foster an appreciation for our planet.
Log in or sign up for Devpost to join the conversation.