A vocabulary matching game, a quick quiz, clickable flashcards — these are just one HTML file each. AI can build them, and you publish them exactly like any other page. Here's what you can make, and how the two kinds of AI handle it differently.
單字配對遊戲、快速小測驗、可點的字卡——這些每一個都只是一個 HTML 檔。AI 能做出來,你就像發佈其他頁面一樣把它放上線。這一頁告訴你能做什麼,以及兩種 AI 的做法差在哪。
Each of these is one self-contained HTML page — no app, no login:下面每一種都是一個獨立的 HTML 頁面——不用 App、不用登入:
Same idea as Lesson 2 — the difference is whether you place the files or the AI does.和第二課同樣的觀念——差別在於是你放檔案,還是 AI 幫你放。
Describe the game; Gemini returns one HTML file in the chat. You copy it into index.html and publish it. To change it, ask again and re-paste. Perfect for a single game page.描述遊戲;Gemini 在對話裡給你一個 HTML 檔。你把它複製進 index.html 再發佈。要修改就再問一次、重貼。最適合單一個遊戲頁。
Describe a whole game centre; the agent builds several games, a shared style and menu, saves the files, and can publish to GitHub. Tweaks like "make the timer 30s" apply across them.描述一整個遊戲中心;代理人會做好幾個遊戲、共用樣式與選單、存好檔案,還能發佈到 GitHub。像「把計時改成 30 秒」這種調整會一次套用。
Paste this into Gemini (or any AI), then change the words in bold:把這段貼進 Gemini(或任何 AI),再改掉粗體的字:
Make a single, self-contained HTML file: a
vocabulary matching game for 10 animal words,
for grade 3 English learners.
Big colourful buttons, works on a phone, shows a
score, and plays a happy sound on a correct match.
Put all CSS and JavaScript inside the one file —
no external files. Name it index.html.A game is just an index.html. Upload it to a GitHub repo and turn on Pages — exactly the steps from Lesson 1 — and you have a link to share with your class.遊戲就是一個 index.html。把它上傳到 GitHub repo、開啟 Pages——就是第一課的步驟——你就有一條可以分享給全班的連結。