身為嚴重的拖延症患者，直到老公生日當天，我才驚覺卡片和禮物都還沒著落！幾經思量，決定求助 AI，目標是打造一個簡單的互動式尋寶遊戲，過關後能得到一張電子賀卡。
這個過程比想像中簡單得多，完全不需寫程式碼。從發想、摸索工具、蒐集素材到實際完成，大約僅耗費2小時。儘管成品略顯簡陋，他卻玩得不亦樂乎！
好奇我是怎麼辦到的嗎？別擔心，這篇文章將手把手教你如何零程式碼，輕鬆打造充滿趣味和心意的專屬互動遊戲！工具選擇
以下是在 Gemini 輸入提示詞後，我所整理出的摘要重點(已調整順序，方便閱讀)
Gemini提示詞：
協助我設計一款簡單的網路小遊戲，在遊戲最後祝他生日快樂。
想要產出一個網頁或是網路連結，可以分享給他進行遊戲 要怎麼製作
要製作一個可以分享給老公的網頁小遊戲，主要有以下幾種方式，從簡單到稍微複雜：
最簡單-利用 Google 簡報或 Canva
這是一個非常容易上手且免費的方法，不需要任何程式碼知識。
Google 簡報：直觀易操作，方便編輯修改，但互動性與動畫效果較為基礎。
Canva：設計介面美觀，素材庫豐富，但免費版功能可能受限。
進階一點點-利用網頁架站工具
如果你想要更美觀、功能更豐富的網頁效果，但仍不想碰程式碼，可以考慮這些工具
Wix / Strikingly / Google Sites：設計彈性大，成品專業，部分功能（如動畫）比簡報更豐富。但可能需要花一些時間學習如何使用平台，免費版會有廣告或域名限制。
H5P (適用於教育類平台)：互動性強，有很多預設的遊戲模板。但部署稍微複雜，可能需要一個網站基礎。
懂一些程式- HTML/CSS/JavaScript
如果對網頁開發有基礎，這是最靈活也最具客製化能力的方式。
HTML/CSS 頁面：完全客製化，可以實現任何你想要的遊戲邏輯和視覺效果。但需要程式碼知識，開發時間相對較長。
小結與建議
考慮到「簡單的網路小遊戲」和「快速分享」，強烈建議使用 Google 簡報或Canva。它們操作直觀，能很快製作出一個有基本互動功能的網頁，並且可以方便地分享連結。
遊戲發想設計
看完 AI 的分析建議，我毫無疑問選擇以 Google 簡報 進行製作。AI 的確很詳細地告訴我每個步驟，雖然我具備 PowerPoint 操作基礎，但 Google 簡報某些功能仍需適應。不過，得益於 AI 的即時引導與客製化懶人包，我省去了自行爬文摸索的時間，效率大幅提升！
Gemini提示詞：
想使用 Google 簡報製作，請詳細教我每個步驟，希望是在30分鐘內可完成製作
Google 簡報遊戲製作：30 分鐘快速上手指南
這個遊戲會包含 5 個投影片：開場、第一關、第二關、第三關、最終祝福。(關卡數可依需求自行設定)
遊戲概念
這是一個簡單的點擊解謎遊戲，玩家需要點擊畫面中的物件，觸發下一步提示，最終找到隱藏的生日祝福。
遊戲流程與內容(範例，可自行調整)
- 開場動畫/畫面：中央顯示一張甜蜜合照（可替換為喜歡的風景或卡通圖），背景可搭配輕柔音樂。文字提示：「親愛的OOO，有個小驚喜藏在這裡，等你來發現！」下方設有「開始遊戲」按鈕。
- 第一關 - 尋找共同回憶：畫面顯示簡單的房間場景，散落著一些物品（例如：小相框、書本、咖啡杯、盆栽）。點擊正確物品，會出現提示框：「找到了！提示：『你眼中的星光，是我最愛的方向。』」
- 第二關 星光引導：畫面切換到一個星空背景，有幾顆比較亮的星星。根據前一關的提示「你眼中的星光，是我最愛的方向。」，讓玩家點擊最亮的那顆星星。正確點擊後：畫面出現提示框：「找到了！提示：『我們的冒險，從未停歇。』」
- 第三關 - 探索地圖：畫面顯示一張簡單地圖，標示著幾個地點（例如：遊樂園、山脈、餐廳）。根據前一關提示，讓玩家點擊與「冒險」最相關的地點。正確點擊後，出現提示框：「你真是太棒了！最後的寶藏，就在前方！」
- 最終頁面 - 生日祝福：畫面切換到充滿慶祝氛圍的場景（例如：生日蛋糕、彩帶、氣球），背景可換成生日快樂歌。下方可放置「再玩一次」或「回到首頁」按鈕。
準備工作
開啟 Google 簡報
- 開啟 Google 簡報：打開瀏覽器，登入 Google 帳號，找到「簡報」（或直接輸入 slides.google.com），點擊「空白簡報」。
- 設定簡報大小（可選，讓畫面更像遊戲）：點擊上方選單「檔案」>「頁面設定」。選擇「自訂」，將寬度設定為 16 公分，高度設定為 9 公分（或選用 1920 x 1080 像素等合適比例），然後點擊「套用」。
準備素材（快速找圖）
- 你們的合照
- 場景圖片：
第一關：找一張簡單的室內房間圖片（例如客廳、書房），要有一些明顯的「物品」可以點擊（例如：相框、書本、盆栽）。
第二關：找一張星空或夜空背景圖。
第三關：找一張簡單的地圖或風景圖，上面有一些可識別的「地標」。
慶祝圖片：找一張生日蛋糕、彩帶、氣球等慶祝主題的圖片。 - 小技巧：在 Pinterest 找一些 GIF 圖，放入投影片中可讓畫面動起來，提升互動感！
開始製作
開場投影片
- 刪除簡報預設文字方塊：點擊預設的標題和副標題文字方塊，按 Delete 鍵刪除。
- 插入你們的合照：點擊上方選單「插入」>「圖片」>「從電腦上傳」，選擇你準備好的合照，調整大小和位置，讓它居中。
- 新增文字：點擊上方選單「插入」>「文字方塊」，在圖片上方或下方輸入：「親愛的 OOO，有個小驚喜藏在這裡，等你來發現！」（調整字體、大小、顏色，讓它顯眼）。
- 再新增一個文字方塊，輸入「開始遊戲」。
- 設定「開始遊戲」按鈕連結：點擊左側「+」號新增投影片，點擊開場投影片中「開始遊戲」這個文字方塊，點擊上方工具列的「插入連結」圖示（看起來像一個迴紋針），選擇「簡報中的投影片」>「下一張投影片」。
第一關 尋找共同回憶
- 在剛剛前一個步驟新增的投影片中插入場景圖：點擊「插入」>「圖片」>「從電腦上傳」，選擇你準備好的室內房間圖片，讓它滿版。
- 如果圖片上沒有足夠的物品讓你設置點擊，你可以再插入一些小的圖片（例如：一個小相框的圖、一本小書的圖），放到房間的某個位置，讓它們看起來像房間裡的擺設。
- 設定正確答案連結：找到你決定作為「正確答案」的物品
方法一 (推薦)：如果物品是獨立的圖片，直接點擊該圖片，然後點擊上方「插入連結」圖示，選擇「簡報中的投影片」>「下一張投影片」。
方法二 (如果物品是背景圖的一部分)：點擊「插入」>「形狀」，選擇一個矩形，拖曳一個透明的矩形覆蓋在那個物品上（調整矩形顏色為透明，邊框也透明）。然後點擊這個透明矩形，設定連結到「下一張投影片」。 - 設定錯誤答案（讓遊戲有點挑戰性）：在其他不會觸發下一關的物品上，用同樣的方式插入「透明形狀」或點擊圖片。設定這些錯誤答案的連結，連結到一張「提示錯誤」的投影片。（我們等等再來做這張投影片）
製作提示錯誤投影片
- 在所有關卡之後新增一張投影片。(也可以多做幾張，增加趣味性。)
- 輸入文字：「嗯...好像不是這裡喔！再仔細找找看？」（可以加上GIF）。
- 新增一個文字方塊，輸入「再試一次」。
- 設定「再試一次」按鈕連結：點擊「再試一次」文字方塊，設定連結回到「第一關」的那張投影片。
- 回到第一關：把你剛剛設定的錯誤答案連結，都指向「提示錯誤」投影片。(為避免體驗者亂點會跳到下一頁，建議空白處也用一個大方塊蓋住整個投影片指向錯誤答案)
第二關 星光引導
- 在第一關正確答案的投影片之後，新增一張投影片。
- 插入星空背景圖，讓它滿版。
- 插入幾顆星星的圖片：可以插入幾顆星星的圖標，調整大小和位置，讓它們看起來像散落在夜空中。
- 設定正確答案連結：選定一顆作為「正確答案」的星星，點擊這顆星星，設定連結到「下一張投影片」。
- 設定錯誤答案連結：點擊其他星星，設定連結回到「提示錯誤」投影片。
- 新增提示文字：在畫面上方或下方，新增一個文字方塊，輸入上一關的線索：「你眼中的星光，是我最愛的方向。」
第三關 探索地圖
- 在第二關投影片之後，新增一張投影片。
- 插入地圖或風景圖，讓它滿版。
- 插入地標圖標（或用透明形狀覆蓋地標）：在地圖上放置幾個地標的圖標（例如遊樂園、山脈、餐廳等）。或者，如果你找到的地圖圖片上已經有地標，直接在上面用「透明形狀」覆蓋。
- 設定正確答案連結：根據提示「我們的冒險，從未停歇。」選擇一個「冒險」相關的地標（例如遊樂園或山脈），點擊後設定連結到「下一張投影片」。
- 設定錯誤答案連結：點擊其他地標（或透明形狀），設定連結回到「提示錯誤」投影片。
- 新增提示文字：在畫面上方或下方，新增一個文字方塊，輸入上一關的線索：「我們的冒險，從未停歇。」
最終祝福投影片
- 在第三關投影片之後，新增一張投影片。
- 插入慶祝背景圖：選擇你準備好的生日蛋糕、彩帶、氣球等慶祝主題圖片，讓它滿版。
- 插入大大的生日祝福文字：點擊「插入」>「文字方塊」。輸入想要對對方說的話，調整字體、大小、顏色，讓重點字特別大和顯眼。
- 下方可以放一個小小的「再玩一次」或「回到首頁」按鈕，避免誤點出現放在最後面的錯誤答案頁面。
完成與分享
- 檢查與測試：點擊左上角的「開始播放」按鈕，進入播放模式。自己玩一遍遊戲，點擊每一個正確和錯誤的選項，確保所有的連結都正確跳轉。如果發現有問題，回到編輯模式修正。
- 發佈到網路取得連結：點擊上方選單「檔案」>「共用」>「發佈到網路」。在彈出的視窗中，點擊「發佈」。系統會彈出一個對話框，顯示你的簡報連結。複製這個連結分享給對方。
成果展示與FAQ
只要照著這些步驟做，一個充滿心意的生日小遊戲就完成了！(分享用範本請點我)
製作過程中，我也遇到了一些問題。在不想額外花時間找尋摸索的情況下，請教 AI 後獲得了詳細解答，一併提供給大家參考。
要怎麼調整插入形狀的透明度?
要在 Google 簡報中調整插入形狀的透明度，非常簡單！你可以透過兩種主要方式來實現
方法一：透過填滿色彩選項 (最常用)
- 點擊你想要調整透明度的形狀。
- 在上方工具列中找到「填滿色彩」圖示（一個油漆桶的圖案），點擊它。
- 在彈出的色彩選單底部，你會看到「自訂」選項，點擊它。
- 會跳出一個「自訂色彩」視窗。在這個視窗的底部，你會看到一個標示著「透明度」的滑桿。將滑桿往左拖曳，形狀會變得越透明；將滑桿往右拖曳，形狀會變得越不透明。你也可以在滑桿旁邊的方框中直接輸入百分比數值（0% 為完全透明，100% 為完全不透明）。
- 調整好後，點擊「確定」應用變更。
方法二：透過「格式選項」側邊欄
- 點擊你想要調整透明度的形狀。
- 點擊上方選單列的「格式」>「格式選項」。或者，你可以直接在選定的形狀上右鍵點擊，然後選擇「格式選項」。
- 這會在簡報介面的右側開啟一個「格式選項」側邊欄，找到並點擊「調整」這個區塊，它會展開顯示更多設定。
- 在「調整」區塊中，你會看到一個「透明度」的滑桿。同樣地，拖曳滑桿或輸入數值來調整透明度。
調整圖片的透明度：選擇圖片後，右鍵點擊選擇「格式選項」，在「調整」區塊中會有「透明度」選項。
選擇發佈到網路，會被公開嗎?
是的，當你選擇 Google 簡報的「發佈到網路」功能時，這個簡報會變成一個公開的網頁。這意味著任何擁有你分享連結的人都能夠觀看這個簡報(能點擊連結玩遊戲)。
如果有人在 Google 搜尋時輸入與你簡報內容相關的關鍵字，你的簡報有可能會出現在搜尋結果中。不過，由於你的簡報內容是高度個人化的，並且沒有大量的外部連結指向它，實際被陌生人搜尋到的機率非常低，幾乎可以忽略不計。對於這樣一個針對特定對象的小遊戲來說，你不需要太擔心被陌生人看到的問題。
有其他不會被公開到網路的方式嗎?
如果你不希望將簡報公開發佈到網路，但仍然想讓對方能點擊連結進行遊戲，Google 簡報有一個更適合你的「共用設定」方式。這種方式可以確保只有你指定的對象才能存取，並且不會被搜尋引擎索引。這個方法會產生一個連結，但你可以控制誰能打開這個連結。
在 Google 簡報中打開遊戲簡報。簡報右上角，你會看到一個藍色的「共用」按鈕，點擊它。你會看到「一般存取權」這個區塊，預設可能是「限制存取」或你的網域限制，點擊下拉箭頭，然後選擇「知道連結的使用者」。在「知道連結的使用者」旁邊，你會看到一個下拉選單，點擊它並確認選擇「檢視者」。設定好權限後，點擊「複製連結」按鈕，點擊右下角的「完成」。
重要：千萬不要選擇「編輯者」或「加註者」，否則他可能會不小心修改你的簡報！
發佈到網路之後還可以取消嗎?
是的，發佈到網路的 Google 簡報隨時都可以取消！
如果你不希望簡報繼續以公開網頁的形式存在，可以按照以下步驟操作：在 Google 簡報中打開你已經發佈到網路的簡報。點擊上方選單列的「檔案」，在下拉選單中，選擇「共用」，在「共用」的子選單中，你會看到「發佈到網路」，再次點擊它。在彈出的「發佈到網路」視窗中，你會看到一個區塊叫做「已發佈內容和設定」（Published content & settings）。有時候這個區塊預設是摺疊起來的，你需要點擊旁邊的小箭頭展開它。展開後，你會看到一個「停止發佈」按鈕，點擊它。系統會彈出一個確認視窗，詢問你是否確定要停止發佈此文件。點擊「確定」。
完成這些步驟後，你的簡報將不再以公開網頁的形式存在，之前生成的公開連結也會失效。
錯誤答案頁面要怎麼隱藏起來?
想要隱藏「提示錯誤」的頁面，讓它不會在遊戲流程中被直接瀏覽到，同時又能被錯誤選項正確連結到，有幾種方法可以實現。最常用也最簡單的是透過調整投影片順序。
方法一：將「錯誤頁面」放在最後面 (推薦)
這是最簡單有效的方法，因為當你點擊「開始播放」時，簡報會依序播放投影片。只要把錯誤頁面放在所有關卡和最終祝福頁之後，它就不會被「不小心」看到。
即使你移動了它的位置，所有原本連結到這張「提示錯誤」投影片的連結都會自動更新並保持有效。
優點：操作簡單，無需額外設定，連結自動維持有效。
方法二：利用「略過投影片」功能 (簡報播放時有效)
「略過投影片」功能在播放簡報時會跳過選定的投影片，但對於你的網路遊戲連結方式，這個效果會有點不同。當你設定「略過投影片」後，在簡報播放模式下，你直接按下一頁時，簡報會跳過這張被略過的投影片。然而，透過超連結點擊時，它仍然會跳轉到這張被略過的投影片。這表示點錯時，還是會看到這張頁面，只是它不會被「順序播放」看到。
在左側縮圖欄中，右鍵點擊你的「提示錯誤」投影片。在彈出的選單中，點擊「略過投影片」。
優點：明確標示該頁面在一般播放時會被跳過。
