Plant Panic

game end
Pause functionality
Rules
Landing Page
Playing Game- plant size changes a/c to condition and chaos

🌱 Inspiration

The idea for Plant Panic: The Balancing Act came from a mix of stress, gaming, and caring for my real-life houseplant. I wanted to capture the emotional rollercoaster of nurturing something that is surprisingly delicate — much like our habits in life. The challenge was to turn something as simple as sun and water into a chaotic, skill-testing experience.

It’s a metaphor for modern life: too much or too little, and everything falls apart. Finding that sweet spot is where the game — and life — thrives.

🌞 What it does

Plant Panic is a minimalist, reflex-based survival game where the player must balance two essential life forces: water and sunlight. You click and hold the ☀️ or 💧 to keep your plant alive — but don’t overdo it! Random weather events like heatwaves or rainstorms shake things up every few seconds.

Your only goal? Keep your plant alive for as long as possible. Every second survived becomes your score.

🛠️ How we built it

We built the game using:

HTML5 Canvas + JavaScript for the core game engine and animation.
CSS for styling and responsive layouts.
Figma to design the pixel-style UI with a calming yet chaotic theme.
Netlify for easy deployment (eligible for the Deploy Challenge).
Used vanilla JS to emphasize simplicity and accessibility — no frameworks, just browser magic.

The game logic revolves around:

Bar systems for water and sun
Interval timers for decay
Random event generators
Game-over triggers and conditionals

🧱 Challenges we ran into

🔁 Balancing decay and refill rates was tricky — the game was either too easy or ended instantly.
⚠️ Making weather events feel random but fair required lots of testing and tweaking.
🧪 Testing across multiple devices to ensure mobile responsiveness.
💡 Keeping the game simple, but challenging enough to be fun.

🏆 Accomplishments that we're proud of

Created a fully playable, addictive game in a short time span.
Built an engaging user experience with no external libraries or game engines.
Designed a unique game loop that’s both calming and stressful — in a good way.
The game works across platforms and scales smoothly.

📚 What we learned

The value of polishing simple mechanics instead of building complex systems.
How to handle game balancing — especially under real-time pressure.
The importance of UX feedback — little animations and bar visuals make a huge difference.
How to optimize event loops and timers for smooth performance on low-end devices.

🌱 What’s next for Plant Panic

💬 Adding voice-controlled mode using ElevenLabs or Whisper (Voice AI Challenge).
🧠 Integrating AI-powered assistant that reacts and offers hints.
🌍 Global leaderboard using Supabase or Firebase.
🌻 Unlockable rare plants with custom weather resistance.
🕹️ Publish on custom domain via Entri (Custom Domain Challenge).
💰 Monetization via RevenueCat SDK (Make More Money Challenge).

✅ Challenge Compliance

We’ve ensured our project aligns with key judging criteria:

Potential Impact: Makes digital wellbeing fun and accessible
Quality of Idea: A deceptively simple mechanic with deep engagement potential
Tech Implementation: Built from scratch without pre-built game engines
Design & UX: Minimalist, mobile-friendly, and responsive

🏁 Prizes We're Competing For

🎯 Global Prizes (Top 10)
🌏 APAC Winner
🧠 Inspirational Story – rooted in real-life plant care stress and simplicity
🎨 Most Beautiful UI – custom visual design in Figma
🤯 We Didn’t Know We Needed This – turning a calm concept into chaos
🐣 Silly Sh!t Challenge – quirky balance game that fits Reddit’s chaotic humor
🚀 Deploy Challenge – hosted live on Netlify