Inspiration
We wanted to bridge the gap between biology and gaming. Photosynthesis is the ultimate "engine" of our planet, but it’s often taught in a dry, textbook way. We were inspired to turn the process of converting light into energy into a satisfying, interactive experience that anyone can play.
What it does
How we built it
We focused on a clean, responsive web design using HTML5 for the structure of the game scene.CSS3 for the "Energy Bar" animations and the glowing sun effects.JavaScript to handle the click logic and the math behind the energy accumulation. We used the basic principle of the photosynthesis equation to drive our game logic:6CO_2 + 6H_2O + light energy --> C6H12O6 + 6O2. Every click simulates the input of light energy to help the plant produce glucose!
Challenges we ran into
The "Click" Logic: Getting the energy bar to fill smoothly without lagging was tricky. We had to learn how to manage CSS transitions alongside JavaScript events.
Visual Balance: We wanted the game to look "scientific" but still be fun. Finding the right color palette—balancing the deep greens of the leaves with the bright yellows of the sun—took a lot of trial and error.
Coding without AI: We challenged ourselves to write the core logic manually to ensure we fully understood every function we were building.
Accomplishments that we're proud of
We are incredibly proud of building a fully functional game loop from scratch without relying on AI code generation. Successfully syncing the CSS "Energy Bar" with the JavaScript logic was a major win for us. We also managed to create a clean, modern UI that feels like a polished educational tool rather than just a basic script, making the science of botany feel visually rewarding.
What we learned
This project taught us the importance of state management—keeping track of the "Energy" variable and ensuring the UI reflects that value instantly. We also deepened our understanding of the photosynthetic rate and its formula.
What's next for Photosynthesis Clicker
We plan to expand the game by adding "Upgrades," such as buying Chloroplast Boosters to automate energy collection. We also want to introduce different plant species with varying metabolic rates and a "Night Mode" where the plant consumes a portion of its stored glucose through cellular respiration, adding a deeper layer of scientific accuracy and strategy to the gameplay.
Log in or sign up for Devpost to join the conversation.