巫師英國 — 互動式地圖集

巫師英國 — 互動式地圖集

開啟巫師英國 — 互動式地圖集:一款以瀏覽器為基礎的隱藏魔法英國地圖,內含 16 個地標、79 個景點、真實的標記素材與生成的細節地圖,全程在 Neta Studio 中端到端打造。

最終成品:巫師英國 — 互動式地圖集

巫師英國 — 互動式地圖集魔法英國互動地圖)是一款以瀏覽器為基礎的互動式地圖,呈現哈利波特世界中隱藏的魔法英國。它將 16 個地標釘在一張乾淨的不列顛群島羊皮紙地圖集上——從蘇格蘭高地的霍格華茲魔法與巫術學校與隱藏倫敦的神祕購物巷弄,到北海岩礁上的阿茲卡班,以及活米村邊緣的尖叫屋。

拖曳即可在地圖上旅行,以滾輪或觸控縮放,點擊任何標記或圖例列即可飛入並開啟它的卡片:一張專屬的細節地圖美術圖、它的代表性特色,以及 79 個景點——霍格華茲的大禮堂與黑湖岸邊、斜角巷的魔杖店與銀行入口、活米村的惡作劇商店與通往尖叫屋的道路。

從一句關於巫師世界的種子句子出發,Neta Studio 便生成了整個忠於原作的完整世界——接著,配備真實地圖美術、真實標記素材與真實提示詞的這份完整互動式地圖集,也在幾分鐘內完成。

開啟地圖集: 巫師英國 — 互動式地圖集 →

功能特色

  • 16 個地標,標定於不列顛 — 霍格華茲、斜角巷、夜行巷、活米村、洞穴屋、古里某街、高錐客洞、小惠因區、小漢果頓、阿茲卡班、魔法部、九又四分之三月台、禁忌森林、密室、天文塔與尖叫屋——每個標記都落在以真實不列顛群島地理為優先的底圖之上。
  • 細節面板中的 79 個景點 — 點擊任何標記即可開啟它的卡片:一張專屬的細節地圖美術圖,加上代表性特色與每處 3–6 個景點——光是霍格華茲就涵蓋大禮堂、會移動的樓梯走廊、圖書館、天文塔與黑湖岸邊。
  • 拖曳、縮放與飛入 — 以游標拖曳羊皮紙地圖集,用 +/− 控制項或滾輪縮放,點擊任何圖例列即可平順對焦、直接飛往該地點。
  • 真正素材優先的美術流程 — 每個標記都是真實生成的圖像作品:一張乾淨、僅含地理的底圖,16 個地點場景在同一張 4×4 總表上一次生成、各自拆解為透明 PNG 素材,並為每個地點另外產出專屬的細節地圖。
  • 栩栩如生的羊皮紙氛圍 — 飄動的金色火花、燭火般溫暖的童書色調、動畫揭示畫面與柔和的懸停效果,讓這份古老地圖集彷彿有人居住其中,而非靜止不動。
  • 任何瀏覽器皆可執行 — 單一靜態頁面,一鍵發布、即時分享——無需下載、無需安裝。在桌機或手機上開啟連結,立刻開始探索隱藏的英國。

介面

製作流程解析

第一階段:世界建構claude-opus-5
Neta Studio 從一句關於隱藏魔法英國的種子提示詞開始,建構出忠於原作的哈利波特巫師世界:45 張原子卡——10 位角色、10 個地點、11 個事件、9 條規則與概念、5 個勢力——並將這個世界的經典奇幻插畫/復古童書風格鎖定為地圖集的美術方向。
第二階段:地圖美術與素材gpt-image-2
地圖以素材優先的方式製作成分層的生產美術:一張乾淨、僅含地理的不列顛羊皮紙底圖(沒有標籤、沒有標記、沒有介面),一張一次生成 16 個地點標記場景的 4×4 總表,每個標記各自拆解為透明 PNG 素材,並依各自的景點規格為每個地點生成 16 張細節地圖面板。
第三階段:應用程式建置與發布neta-studio
地圖集應用程式由單一的地點資料檔組裝而成——標記定位於底圖上、圖例按地區分組、細節面板連動每個地點的細節地圖——接著封裝為靜態網頁,發布到穩定連結並即時分享。全程無需撰寫程式碼。

素材提示詞

實際生成提示詞

乾淨底圖提示詞gpt-image-2
「為隱藏的魔法英國世界觀創作一張乾淨的插圖式世界地圖集底圖:只把附圖的羊皮紙奇幻地圖集影像當作風格/呈現參考,只把附圖的粗略不列顛群島布局影像當作地理/布局參考。內容權威:目前這個世界是覆蓋在英國之上的祕密魔法社會。地理樣貌應讀起來像英國與鄰近海域——北方有高地學校區域,東南方有隱藏倫敦街區區域,西南方有英格蘭西部鄉間的家族/歷史區域,北方有一條祖先村莊走廊,以及一座偏遠的北海監獄島。作品類型:乾淨的生產用底圖。嚴格禁止出現地點標記場景、標籤、可讀文字、金色圓環、路線、介面、除錯圓點、角色肖像、標誌或任何系列徽記。視覺風格:復古童書奇幻製圖、陳舊羊皮紙、墨色海岸線、細膩的地形起伏、低垂薄霧、森林、沼澤、隱約的河流、海面質感——古老而神祕,但看起來仍明確是一張地圖。請保留足夠的留白空間,以便日後疊加獨立的去背地點素材。請勿複製風格參考圖中的地名或地理特徵;風格參考圖僅用於材質、色彩、邊緣暈散與插畫語言,布局參考圖僅供大範圍配置,但必須移除其上所有的標記與標籤。」
4×4 地點標記總表提示詞gpt-image-2
「請只把附圖的淡色 4×4 網格當作空間布局參考。創作一張方形的 4×4 素材總表,內含剛好 16 個精簡的地點標記場景,每個格子中央一個場景,白色或接近白色的背景,不得出現可見的網格、文字、標籤、介面、浮水印或標誌。整體一致的復古童書奇幻地圖集風格、溫暖的羊皮紙色調、墨色剪影、統一的打光與比例、便於去背。依列填入各槽位:1 黑湖之上、塔樓林立的上古魔法學校城堡;2 歪斜隱密的魔法購物小巷;3 綠燈幽幽、籠罩詛咒的陰暗側巷;4 白雪覆蓋的全魔法村莊;5 歪斜堆疊的鄉間家族房屋;6 狹窄隱密的黑色連棟房屋;7 古老村莊的教堂墓園與小屋;8 整潔的郊區街道,藏著一隻不易察覺的貓頭鷹;9 荒涼的莊園山丘與墳場;10 海岩上飽受暴風侵襲的監獄堡壘;11 設有綠色壁爐拱門的地下魔法政府中庭;12 磚牆入口後的蒸氣火車月台;13 月光下的禁忌森林邊緣;14 地底的巨蛇密室;15 明月相伴的高聳天文塔;16 歪斜廢棄的積雪小屋。讓每個場景完整地留在自己的格子內,彼此分離、完整、不被裁切,也不要重現網格線。」
霍格華茲細節地圖規格gpt-image-2
「霍格華茲魔法與巫術學校——地圖集卡片用的細節地圖。主題:一張可探索的在地城堡與庭園地圖。構圖:等角視角的羊皮紙校園平面圖。必須包含:大禮堂、會移動的樓梯走廊、圖書館、天文塔、黑湖岸邊。與底圖一致的復古童書奇幻地圖集風格。」

為什麼選擇 Neta Studio

專業 — 雲端工具鏈系統支援從世界建構到應用程式發布的完整流程,全程在雲端運行,無需任何本機設定,並可穩定取用最新模型:Claude Opus 5、GPT Image 2、DeepSeek V3。

一鍵生成 — 官方調校的技能引領每一個步驟:世界建構、地圖與遊戲設計、美術生成、應用程式封裝。世界分叉資源共享。

社群優先 — 使用者可以無限建構世界;所有公開世界都能被分叉、改編、重新想像。

工作室內部

開始探索

這款互動式網頁應用程式由 Neta Studio AI 從一句種子句子生成。建構世界只需幾分鐘;完成地圖集也只需幾分鐘。你也可以做到——改編這個世界,或從任何 IP 重新開始。無需撰寫程式碼,免費即可開始。

世界:哈利波特巫師世界 · 類型:互動式網頁應用程式 · 地圖集 · 45 張原子卡 · 16 個地圖標記 · 79 個景點 · 16 張細節地圖 · 1 張封面 · 分享:開啟 →

×