Adding AI to YOUR App

Coming Soon

1080p • 60FPS

AI features are just API calls. We use Gemini to generate dynamic game tips and themes on the fly.

Resources

Phase 1: Intel

Mission Briefing

⏱️ Before You Watch (5 mins)

Today's Secret: You've used AI (Antigravity/ChatGPT) to write code. Now you will put AI inside your code. Your game will talk to Gemini to give players custom tips!

What you should have ready:

Your Full-Stack App
Your Gemini API Key (from Ep 11)

🧠 Quick Concepts

Term	Simple Meaning
Integration	Connecting two things (Game + AI)
Context	Information you give the AI so it "knows" what's happening
Latency	The time it takes for the AI to "think" and reply

🤔 Think About

Before watching, consider:

If the AI doesn't know the player's score, how can it give good advice?
We need to send the score in the prompt. "The player scored 50 points. Give them a sarcastic compliment."

🎯 By the End

After this episode, you'll:

✅ Connect your Game directly to Gemini
✅ Generate dynamic text based on game events
✅ Have an "AI Commentator" in your game!

Let's make it smart! 🧠

Phase 3: Debrief

Mission Report

📝 What We Learned

AI is just an API: We treat Gemini just like we treated our High Score database. Request -> Response.
Prompt Injection: We insert variables (score, deaths) into the prompt string to make it relevant.
Personality: You can tell the AI who to be. "You are a sarcastic snake expert."

🔗 Key Code Snippet

const prompt = `You are a game coach. The player died with score ${score}. Give them encouragement.`;
const result = await model.generateContent(prompt);