Turn Green

• 

  User Point of View

• 

  Key MCP Tools Created

• 

  Game Overview

• 

  MCP Tools Created

• 

  Algorithms Used

Turn Green Game turns heavy-duty climate science into a fast, bite-sized strategy game where players aged 15–24 can save their neighborhood from baking heatwaves and flash floods.

We were tired of seeing crucial climate data trapped inside confusing academic papers, so we set out to make it genuinely playable. In a quick 5-year sprint, players get a stash of 100 coins per turn to transform hot concrete into leafy shade trees, rain-swallowing bioswales, and reflective cool roofs.

Built with React, TypeScript, and a featherweight CSS grid, the entire app weighs under 500 KB so it runs smoothly even on older phones and spotty Wi-Fi. Instead of boring players with dense spatial jargon, we swap confusing terms for everyday analogies—like showing how pavement acts like a slick raincoat, while living soil works like a thirsty washcloth soaking up puddles.

Under the hood, a local FastMCP engine runs real-world math adapted from Stanford InVEST cooling equations and ESA WorldCover land maps, computing actual drops in temperature and runoff with every move:

Our biggest hurdle was keeping the simulation authentic without making it feel like homework. We solved this with a tap-friendly "Why Did This Happen?" science drawer that tucks citations away until curious players want to peek.

Best of all, the game ends with real impact: it tracks your cognitive learning gains:

It then prints out a sharp, 1-page Youth Climate Resolution packed with concrete policy demands—ready to bring straight to your next city council meeting!

Built With

• antigravity
• chatgpt
• css3
• esaworldcover
• fastmcp
• gis
• html5
• invest
• modelcontextprotocol
• node.js
• python
• react
• sqlite
• tailwindcss
• typescript
• vite