Adding AI to Your App

Before You Study (5 mins)

Lesson focus: 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

Think About

Before studying, consider:

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

By the End

After this lesson, 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! 🧠

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);

Checklist

• I connected the "Game Over" screen to Gemini
• When I die, the AI says something unique
• I experimented with different "Personalities"

Quick Quiz

Q1: How does the AI know your score?

• A) It watches your screen
• B) Telepathy
• C) We send it in the prompt ✓

Q2: Can we change the AI's personality?

• A) Yes, via the System Instruction/Prompt ✓
• B) No, it's always boring
• C) Only if you pay

Q3: What is "Latency"?

• A) A type of coffee
• B) The delay while AI thinks ✓
• C) A coding error

Bonus Challenge

Make the AI "Roast" the player if they get a low score (< 10) but "Praise" them if they get a high score (> 100)!

Next Lesson

Lesson 17: Talking to AI Effectively (Prompt Engineering)

You'll learn: How to get exactly what you want from AI, every single time.

Your app is alive! 🤖