# 第三堂｜從參考圖到 3D 世界 原作來源先放在這裡：[Leonxlnx／Athenaion 原始專案](https://github.com/Leonxlnx/athenaion)。本課依據作者公開的參考圖、畫面方向、工程規則與構圖紀錄，練習如何和 AI 逐步做出小型場景。 你不需要先想出一大串提示詞。每次說清楚一個目標，看見結果，再決定下一次調整。 [開啟本課可操作範例](/courses/reference-to-world/demo/) ## 這堂課會完成什麼 一個可以旋轉查看的小型山丘建物場景。你會依序看主建物、地形與水面、植物與瀑布三個階段，再切換清晨／夕陽、三個固定鏡頭、暫停動畫，並匯出目前畫布的 PNG 圖片。 先準備一張你有權使用的參考圖，以及能讀取圖片、製作網頁的 AI 開發工具。可以沿用你在前兩堂使用的工具。先開一個獨立資料夾，再告訴 AI「請只在這個練習資料夾工作」。如果工具不能讀圖，就用你自己寫的三個畫面特點代替，不必為了練習更換付費方案。 本課的可操作範例是另外製作的輕量示例；構圖草圖也是本課教學用圖。原作九張參考圖、作者輸出的場景圖片、本課草圖與本課示例，會分別具名標示。這些短指令用來練習溝通與修正，不保證得到和原作相同的規模、細節或畫質。 ## 01｜先看圖，說出三個特點 先選一張圖，不用一次處理一整組。你可以用本課草圖練習，或回原作的 [refs 資料夾](https://github.com/Leonxlnx/athenaion/tree/9b8bd23b39c458a50fb1201037360047781c45b5/refs) 觀察作者提供的參考圖。 ### 給 AI 的短指令 ```text 請看這張參考圖，用白話整理三個最重要的畫面特點，先不要寫程式。 ``` ### 你應該看到什麼 三句能指著圖片核對的描述。例如：明亮主建物在高處；深色山壁托住建物；藍綠水面在前方。圖片上沒看見的內容，先列為待確認，不讓 AI 自己補成事實。 ### 自己檢查 - 每一句能指出圖中的位置嗎？ - 有沒有說清楚主角，還是只剩「夢幻、精緻、電影感」？ - 三句有沒有講到同一個重點，卻漏掉整體層次？ ### 小幅修正句 ```text 第二點太抽象，請改成我能直接在圖上指出來的描述。 ``` ## 02｜把觀察變成簡單方向 ### 給 AI 的短指令 ```text 依照剛才三個特點，幫我整理一份簡單畫面方向：主角、前後層次、色彩。 ``` ### 你應該看到什麼 一小段方向文字或簡單草圖。主角是山上的柱廊建物；前方保留水面；遠山淡一些；建物亮面偏暖。此時還不用列出全部模型、材質和參數。 原作把這類方向整理為 [美術規範 ART_BIBLE](https://github.com/Leonxlnx/athenaion/blob/9b8bd23b39c458a50fb1201037360047781c45b5/docs/ART_BIBLE.md)。初學時可以先整理成三行，之後有需要再補。 ### 自己檢查 - 主角有沒有被其他元素搶走？ - 前景、中景、背景是否各有作用？ - 用詞能轉成「哪裡更亮、哪裡更淡」這類可比較的要求嗎？ ### 小幅修正句 ```text 請把不懂的術語換成白話，先告訴我哪裡更亮、哪裡更淡。 ``` ## 03｜只做主建物的最小預覽 ### 給 AI 的短指令 ```text 先做一座簡單的柱廊建物，放在空地上，讓我能旋轉查看，其他東西先不加。 ``` ### 你應該看到什麼 一座柱子與屋頂能清楚辨識的小型建物，以及足以顯示它的基本底座、光線和鏡頭。本課範例的第一階段對應這個起點。範例提供現成成果，方便理解；跟做時則讓你的 AI 開發工具建立獨立版本。 ### 自己檢查 - 網頁能正常打開，沒有一直停在載入畫面嗎？ - 旋轉後仍看得見整座建物嗎？ - 屋頂和柱子接得起來，底部沒有飄起嗎？ ### 小幅修正句 ```text 主建物太小，請只把它放大一點，讓它成為畫面主角。 ``` 確認後請 AI 保存一個能正常打開的版本。若後面改壞，回到這個版本再繼續。 ## 04｜加入地形與水面 ### 給 AI 的短指令 ```text 保留主建物，下面加一座有高低起伏的小山丘，前方留一塊水面。 ``` ### 你應該看到什麼 建物站在山丘上，前方有水面，兩者有明確接觸關係。本課範例的第二階段加入地形與水面。先看大形狀與位置，再看地表細節。 ### 自己檢查 - 從側面看，建物有沒有浮空或埋進地面？ - 山丘是否擋住建物入口或大部分柱廊？ - 水面有沒有淹掉不該被淹的底座？ ### 小幅修正句 ```text 前面的山丘擋住柱廊，請只降低這一帶，後方高度先保留。 ``` 不用猜座標，先用「哪個物件擋住了什麼」溝通。若 AI 需要精確位置，可以圈圖或請它先展示標記，再確認。 ## 05｜少量加入植物與瀑布 ### 給 AI 的短指令 ```text 在山丘兩側加少量樹木和一小段瀑布，主建物前方要保持清楚。 ``` ### 你應該看到什麼 樹木協助形成兩側層次，水流協助說明高低關係，主建物仍最容易辨認。本課第三階段提供少量植物與簡化水流，讓你觀察位置和動態；它不是原作寫實水景的重現。 ### 自己檢查 - 第一眼是否仍然看向主建物？ - 有沒有樹長在入口正前方或水流中間？ - 水流的起點與終點是否接到合理位置？ ### 小幅修正句 ```text 前面的樹太搶眼，請降低這幾棵，把最高的樹移到側後方。 ``` 如果瀑布看起來太像白色直板，可以先問「目前用什麼簡化方式呈現，下一步最值得改哪一點？」先理解差異，再決定是否投入更細的效果。 ## 06｜以白話調整光線 ### 給 AI 的短指令 ```text 把光線改成溫暖的清晨，建物要看得清楚，陰影保留一點冷色。 ``` ### 你應該看到什麼 光照改變建物亮面、陰影和水面氣氛。先在同一鏡頭下切換範例的清晨／夕陽，觀察差異，再選一個方向繼續。原作美術規範同時描述暖色亮面與冷色陰影，可作為閱讀案例。 ### 自己檢查 - 建物是否太白，連柱子和屋頂邊緣都分不出來？ - 陰影是否黑到看不見入口？ - 你要修的是光線問題，還是模型形狀本來就不對？ ### 小幅修正句 ```text 柱廊裡太黑，請只讓陰影處看得清楚，保留目前暖色氣氛。 ``` 先不用輸入亮度、色碼或光源角度。讓 AI 提出實作方式，你負責核對結果。 ## 07｜保存鏡頭和比較圖 ### 給 AI 的短指令 ```text 請保留目前鏡頭，另存全景、主建物、水邊三個視角，方便前後比較。 ``` ### 你應該看到什麼 能回到相同位置的鏡頭預設。本課提供全景、主體、水邊三個視角。先選一個，暫停動畫，匯出目前圖片，作為這一輪的比較基準。 ### 自己檢查 - 切到別的鏡頭，再切回來，畫面是否一致？ - 比較前後有沒有改動視角、光線或動畫時間？ - 主體變大，是調整了比例，還是只是鏡頭靠近？ ### 小幅修正句 ```text 請回到剛才的全景鏡頭，其他設定保留，再輸出一張比較圖。 ``` 原作的 [構圖紀錄 COMPOSITION](https://github.com/Leonxlnx/athenaion/blob/9b8bd23b39c458a50fb1201037360047781c45b5/docs/COMPOSITION.md) 記錄鏡頭與多次調整。你先學會保存命名視角即可，不必背它的座標與數值。 ## 08｜一次只修一個差異 ### 給 AI 的短指令 ```text 和上一張相比，主建物太小。只調整它的比例，保留鏡頭、光線和其他物件。 ``` ### 你應該看到什麼 同一視角下，只有指定的主要問題被調整。其他物件與氣氛保留，讓你能判斷這次修正是否有效。 ### 自己檢查 - 能用一句話說出本輪修了什麼嗎？ - 新版本有沒有把原本清楚的水面或入口擋住？ - 另一個已保存視角是否也正常？ ### 小幅修正句 ```text 這次把水面擋住了，請回到上一版，只移開入口前的樹。 ``` 把「全部再精緻一點」改成「哪裡有問題、希望怎麼變、哪些先保留」。如果一時看不出優先順序，請 AI 提出最值得先修的一項，附理由，確認後再改。 ## 09｜分步製作，共用簡單規則 ### 給 AI 的短指令 ```text 接下來分步調整建物與植物。先整理共用規則，說清楚各改哪些部分，再開始。 ``` ### 你應該看到什麼 一份很短的共用規則與工作順序。例如：保留主建物位置、植物不擋入口、繼續使用已保存鏡頭；先改建物，檢查後再改植物。 ### 自己檢查 - 每一步完成後都有能打開的預覽嗎？ - 同一份共用設定是否由明確的一方負責？ - 改植物時，有沒有偷偷改掉建物或鏡頭？ ### 小幅修正句 ```text 先停在目前版本，列出這次碰到的共用設定，再只處理植物。 ``` 原作的 [工程契約 CONTRACT](https://github.com/Leonxlnx/athenaion/blob/9b8bd23b39c458a50fb1201037360047781c45b5/docs/CONTRACT.md) 說明模組接口與檔案責任。初學者可以先用一個對話分步完成；多人或多代理分工是進一步選項，沒有必要照搬大型案例的代理數量。 ## 10｜先匯出靜態圖，再考慮影片 ### 給 AI 的短指令 ```text 先從保存的鏡頭匯出一張靜態圖，確認畫面後，再討論是否需要運鏡影片。 ``` ### 你應該看到什麼 一張目前鏡頭的 PNG 圖片。它用來保存練習結果、指出問題或交給 AI 比較，不等於原作的高品質離線渲染。本課示例不提供原作等級的影片渲染器。 ### 自己檢查 - 圖片能下載並正常開啟嗎？ - 主建物、屋頂和水面有沒有被意外裁切？ - 如果要移動鏡頭，會不會露出未完成的區域或穿過物件？ ### 小幅修正句 ```text 先保留這張靜態圖，請規劃一小段運鏡並指出可能穿模的位置，暫時不要輸出影片。 ``` 原作 [README 的執行與渲染說明](https://github.com/Leonxlnx/athenaion/blob/9b8bd23b39c458a50fb1201037360047781c45b5/README.md) 分別列出預覽、圖片與影片工具。要在自己的電腦重跑原作，需另做環境、資源與輸出驗證；本課未把輕量示例當成已重跑原世界。 ## 11｜換自己的主題，走完一次 ### 給 AI 的短指令 ```text 把主題換成山上的圖書館，沿用剛才步驟，先列三個特點，再做最小預覽。 ``` ### 你應該看到什麼 新主題沿用相同方法，而不是一次堆進所有需求。你可以保留山丘與水面，把柱廊換成圖書館；也可以改成水邊展館，再重新安排層次。 ### 自己檢查 - 你能說出新場景的三個畫面特點嗎？ - 三個已保存鏡頭下，建物、地面和水流接得起來嗎？ - 操作、暫停和圖片匯出正常嗎？ - 哪些部分已完成，哪些仍是簡化示意？ ### 小幅修正句 ```text 先列出還沒完成的三件事，選一件最影響畫面的，這次只修它。 ``` 完成後保存指令、前後比較圖，以及可以重新打開的專案。下次換題目，從三個特點重新開始。 ## 關於長提示詞與原作紀錄 作者的 [PROMPT 文件](https://github.com/Leonxlnx/athenaion/blob/9b8bd23b39c458a50fb1201037360047781c45b5/docs/PROMPT.md) 開頭說明：內容是把那次製作的多次訊息整理合併。它可以幫助理解整體要求，不能當成逐句、完整的聊天紀錄，也不能證明單次輸入就產生最終成果。 本課沒有要求學員背誦這份提示詞。詳細文件留給編者校對來源，或在遇到具體問題時查閱。主線仍是：短指令 → 看結果 → 描述一個差異 → 再調整。 課程展示的原作畫面來自原始專案，具名保留來源；本課輕量示例與構圖草圖另行標示。原專案的工具、製作時間與成本屬作者自述，本課未獨立重跑驗證，不以這些數字作為學員時間或成果承諾。 需要程式結構、來源範圍或離線渲染差異時，再讀工程選讀；不影響完成上面的練習。