Think
Use ChatGPT or Gemini to research, brainstorm, and design.
Today's challenge is to build a playable Zelda-like web game during TRIO Olympics. Use ChatGPT or Google Gemini as your creative director. Use Replit AI as your software engineer. Copy a prompt, edit it for your team, ask questions, then move the best handoff into Replit.
Use ChatGPT or Gemini to research, brainstorm, and design.
Use Replit AI to turn the handoff into HTML, CSS, and JavaScript.
Use Phaser, Three.js, or p5.js as optional digital Lego add-ons.
The Challenge
Everyone is building a Zelda-like browser game: top-down exploration, a Future Realm map, power-ups, challenge enemies, a boss, score, health, and replayable action. The player is a TRIO scholar collecting Knowledge, Mentors, Scholarships, Confidence, Study Skills, and Leadership while overcoming Procrastination, Self-Doubt, Distraction, Financial Stress, Fear of Failure, and Burnout.
Digital Legos
HTML gives the game structure, CSS gives it style, and JavaScript makes it move. Canvas, Phaser.js, Three.js, and p5.js are add-on pieces teams can ask Replit to use when they want stronger game systems, 3D scenes, or visual effects.
Replit Briefing
Replit is a browser-based coding workspace. For today, it is where your team will turn the game plan from ChatGPT or Gemini into a working web game. Replit AI can create files, write HTML, CSS, and JavaScript, fix bugs, add effects, and help deploy the game so other students can play it.
Open ReplitClick Open Replit. It will open in a new browser tab.
Choose Continue with Google if you can. This is the preferred sign-up path for class.
If Google login is not available, choose email sign up and follow the verification steps.
After you are logged in, create a new project or use Replit AI to start building from your game prompt.
Keep this prompt repo open in the original tab so you can copy prompts while Replit builds in the new tab.
Preferred login: Continue with Google. Email sign up also works if Google is not available.
Rules
Build a Zelda-like browser game connected to TRIO: Path to the Future.
Use ChatGPT or Gemini first to research, ask questions, refine the idea, and create the AI handoff.
Use Replit AI to build, debug, polish, and deploy the playable game.
Your game must include top-down exploration, power-ups, enemies or obstacles, health, score, restart, and a win or lose state.
Your team may use HTML, CSS, and JavaScript only, or add Phaser.js, Three.js, or p5.js as digital Lego add-ons.
Test the game before judging. A smaller working game beats a huge broken game.
During arcade playtesting, students may not vote for their own team.
Judging
Fun & Replayability
30 pts
The game is enjoyable, fast to understand, and worth playing more than once.
TRIO Theme
20 pts
The game clearly connects obstacles, power-ups, and progress to the TRIO journey.
Creativity
20 pts
The team adds an original twist, strong story, smart mechanics, or memorable world.
Polish
15 pts
The game feels finished through visuals, sound, feedback, animation, and clear UI.
Technical Execution
10 pts
Controls work, core features function, and bugs do not block gameplay.
Arcade Pitch
5 pts
The team can quickly explain what they built, why it matters, and how to play.
9:00 AM
Breakfast
Kleiner / DISH
9:45 AM
Travel to Kirkhof
Kirkhof
10:00 AM
Welcome, Admissions, SSS intro, and review of the day
Kirkhof
10:25 AM
Shift to first round of games
Game rooms
10:30 AM
First round of games
Assigned locations
11:35 AM
Shift to second round of games
Game rooms
11:45 AM
Second round of games
Assigned locations
12:50 PM
Shift to lunch
Kleiner / DISH
1:00 PM
Lunch
Kleiner / DISH
2:00 PM
Shift to third round of games
Game rooms
2:10 PM
Third round of games
Assigned locations
3:15 PM
Travel to closing ceremonies
KC 2250
3:30 PM
Closing ceremonies and group photo
KC 2250
Paper Airplane Competition
Room 2204
Scattegories
Room 2215 / 2216
Spelling Bee
Room 2263
Math Jeopardy
Room 2266
Math Jeopardy
Room 2270
AI Hackathon
Room 1142
Corn Hole Tournament
Library North Lawn
Precision Games
Library North Lawn
Physical Fitness Challenges
KC East Lawn
Hoop Skills
Kleiner
Materials
Writing pens, paper/card stock, markers, tape, scissors for airplanes, and whiteboard markers.
Copy, Edit, Build
14 prompts
Use this first to quickly turn the TRIO theme into game ideas.
I am participating in a 45-minute TRIO Olympics AI Game Jam. The theme is "TRIO: Path to the Future." Every team is building a Zelda-like browser game where a TRIO scholar explores a world, collects resources, defeats obstacles, and levels up toward college, career, and personal success. Give me 3 simple game concepts that are fun, replayable, and realistic to build quickly with HTML, CSS, JavaScript, and Replit AI.
Use this to connect the game to real TRIO goals.
Help me research the TRIO Upward Bound mission and turn it into game ideas. Focus on college readiness, confidence, study skills, leadership, mentoring, financial preparation, and overcoming obstacles. Give me a list of challenges, power-ups, bosses, and quests that would make sense in a Zelda-like game called "TRIO: Path to the Future." Keep the ideas student-friendly and action-packed.
Use this to decide what happens over and over in the game.
Design a simple addictive game loop for my Zelda-like TRIO game. Include: player objective, map layout, controls, enemies, one boss, power-ups, scoring, health, win condition, lose condition, difficulty progression, and replayability. Keep it simple enough for Replit AI to build in about 30 minutes.
Use this before Replit so your builder prompt is clear.
You are my game design director. Write a complete handoff specification for Replit AI to build my browser game. Format it clearly with sections for title, story, gameplay loop, player controls, enemies, boss, power-ups, map, UI, visual style, sound effects, scoring, win/lose screens, required files, MVP features, and stretch goals. The game should be Zelda-like, fast to build, and connected to TRIO Upward Bound.
Paste your AI handoff above this in Replit.
Build this as a complete browser game using HTML, CSS, and JavaScript. Make it Zelda-like with a top-down player, tile-style world, collectibles, enemies, one boss, score, health, increasing difficulty, restart button, win screen, game-over screen, keyboard controls, simple mobile controls, sound effects, particle effects, and polished UI. Keep the code clean and organized. Use only files that will run in Replit.
Use this if you need a fast default game.
Create a Zelda-like top-down browser game called "TRIO: Path to the Future." The player is a TRIO scholar exploring the Future Realm. They collect Knowledge, Mentors, Scholarships, Confidence, Study Skills, and Leadership. Enemies are Procrastination, Self-Doubt, Distraction, Financial Stress, and Fear of Failure. Add a boss named Burnout. The player wins by collecting enough power-ups and defeating Burnout. Add score, health, increasing difficulty, simple map obstacles, particles, sounds, restart, and a polished game-over screen.
Use this to understand the web pieces before building.
Explain HTML, CSS, JavaScript, Canvas, Phaser.js, Three.js, and p5.js like digital Lego pieces for a beginner. Tell me which pieces are the basic web blocks and which are optional add-ons. Then recommend which pieces I should use for a simple Zelda-like TRIO game in Replit.
Use Phaser for a stronger 2D game structure.
Upgrade this game to use Phaser.js if it makes the code cleaner. Keep the same TRIO Zelda-like concept. Add a top-down player, collisions, collectibles, enemies, boss, score, health, restart, and a polished scene flow. Explain what Phaser is doing in the code.
Use Three.js for a 3D exploration twist.
Create a simple Three.js version or bonus scene for this TRIO game. Make a small 3D Future Realm where the player collects glowing power-ups and avoids obstacle enemies. Keep controls simple and performance smooth. Explain how Three.js is being used as an add-on library.
Use p5.js for creative visuals, particles, or motion.
Use p5.js to add creative visual effects to this TRIO game. Add particle bursts when collecting power-ups, simple animated backgrounds, and satisfying feedback when the player defeats an obstacle. Keep the core game simple and playable.
Use after the first playable version exists.
Make this game feel more satisfying to play. Add game juice: screen shake, hit flashes, sound effects, collectible sparkle, enemy defeat particles, score popups, smoother movement, better button styling, clearer instructions, and a more exciting win/lose screen. Do not break the existing gameplay.
Use when something breaks.
The game has a bug. Inspect the code, explain what is likely wrong in simple language, then fix it. Keep the current features. After fixing, give me a quick test checklist so I know what to click or play to confirm it works.
Use this to add one surprise mechanic.
Give my TRIO Zelda-like game one challenge-card feature. Choose one: boss battle, NPC mentor, hidden scholarship treasure, leaderboard, weather effect, day/night cycle, shop, upgrade system, random event, mini-map, combo system, or secret area. Explain the simplest version and then write a Replit-ready prompt to add it.
Use this before playtesting and judging.
Help us write a 30-second arcade pitch for our TRIO Olympics game. Include the game title, what challenge it represents, how to play, what power-ups mean, what the player learns, and what we would add with more time. Keep it energetic and easy to say out loud.
Pick one twist if your team has time after the core game works.