世界地圖體驗工具——魔法英國互動地圖集

世界地圖體驗工具——魔法英國互動地圖集

開啟世界地圖體驗工具:這是一款以瀏覽器為基礎的哈利波特巫師世界互動地圖集,內含 16 個手繪地點標記、16 張生成的細節地圖、65 個景點與栩栩如生的羊皮紙氛圍——由涅塔工作室端到端打造。

最終成品:世界地圖體驗工具

世界地圖體驗工具是一款以瀏覽器為基礎的互動地圖集,呈現哈利波特巫師世界中隱藏的魔法英國。它將 16 個手繪地點標定在一張乾淨的英國群島羊皮紙地圖上——從黑湖之上的霍格華茲魔法與巫術學院、屋頂覆雪的活米村巷弄,到斜角巷歪斜的商店、飽受風浪沖刷的阿茲卡班礁岩與鐵門深鎖的馬份莊園。

拖曳即可在地圖上四處漫遊、放大與縮小,點擊任何標記便會飛入並開啟它的地點卡:一張專屬的生成式細節地圖美術、該地點的故事,以及它專屬的一組景點——霍格華茲的大禮堂、溫室與魁地奇球場,斜角巷的魔杖店門,活米村大街上的蜂蜜公爵。

從一句關於巫師世界的種子提示開始,涅塔工作室在幾分鐘內生成了與原著一致的世界——接著是這套完整的互動地圖工具,包含真實的地圖美術、真實的去背素材與真實的提示詞。

遊玩地圖: 開啟世界地圖體驗工具 →

功能特色

  • 16 個手繪地點,標定於不列顛地圖上 — 霍格華茲、活米村、斜角巷、夜行巷、洞穴屋、古里某街十二號、高錐客洞、小惠因區、小漢格頓、阿茲卡班、魔法部、聖蒙果醫院、古靈閣巫師銀行、王十字車站九又四分之三月台、禁忌森林與馬份莊園——每個標記都座落於以真實不列顛群島地理優先繪製的底圖美術之上。
  • 地點卡內的 65 個景點 — 點擊任何標記即可開啟它的地點卡:一張專屬的細節地圖美術、該地點的故事,以及各 3–5 個可探索的景點——霍格華茲的大禮堂、黑湖岸邊與魁地奇球場;斜角巷的銀行台階與貓頭鷹櫥窗;活米村的酒吧角落與車站道路。
  • 拖曳、縮放與飛入 — 用游標平移羊皮紙地圖集、以 +/− 控制鈕縮放,點擊標記即可直接飛往該地點;隨時按下返回按鈕,就能回到不列顛全景視圖。
  • 活生生的羊皮紙氛圍 — 應用程式以「將第一筆畫上羊皮紙」的動畫揭開序幕,流雲與鳥群掠過群島,標記在游標懸停時微微發光,地圖與地點卡之間的每個轉場,都像在翻閱古老地圖集的書頁。
  • 真正的素材優先美術流程 — 每個標記都是真實生成的藝術作品:一張乾淨、只含地理資訊的羊皮紙底圖、在同一張 4×4 圖表上一次生成的 16 個地點場景、每個去背為透明 PNG 素材的標記,以及為每個地點單獨生成的細節地圖。
  • 任何瀏覽器皆可執行、一鍵發佈 — 單一靜態頁面,發佈到穩定連結即可立即分享——無需下載、無需安裝。在桌機或手機上開啟,就能開始漫遊隱藏的魔法英國。

介面

製作流程分解

階段一:世界建構claude-opus-5
從一句關於哈利波特巫師世界的種子提示開始,涅塔工作室建構出與原著一致的世界:它的總覽與衝突、它的視覺風格——經典奇幻插畫、復古故事書美術、神祕而古老的氛圍——以及 45 張原子卡牌:10 位角色、10 個地點、11 個事件、5 個陣營與 9 條規則與概念,為下方每一份地點簡報提供素材。
階段二:地圖美術與素材gpt-image-2
地圖以素材優先的方式製作成分層的生產用美術:一張乾淨、只含地理資訊的英國羊皮紙底圖(無標籤、無標記、無 UI)、在同一張 4×4 圖表上一次生成 16 個地點標記場景、每個標記去背成透明 PNG 素材,以及為每個地點個別生成、構圖可直接設置可點擊景點的 16 張細節地圖面板。
階段三:應用程式建置與發佈neta-studio
互動工具由單一的地點資料檔組裝而成——標記定位於底圖之上、接上拖曳與縮放功能、每張地點卡綁定各自的細節地圖與景點——接著封裝成靜態網頁、發佈到穩定連結、在真實瀏覽器中完成品質檢查,並立即分享。

素材提示詞

真實生成提示詞

乾淨底圖提示詞gpt-image-2
「乾淨的插畫羊皮紙奇幻地圖集底圖,主題為哈利波特巫師世界探索頁面中隱藏的魔法英國。上傳的版面參考圖僅用於巨觀地理:不列顛、愛爾蘭、周邊海域、遠方的監獄島、高地、森林、平原、河流與海岸輪廓。風格參考圖僅用於復古故事書風格的羊皮紙地圖集呈現:褐色墨水海岸線、柔軟風化的紙張、優雅的地形插畫。嚴格乾淨的底圖:只保留地形與地理;不要城市符號、不要城堡、不要高塔、不要廢墟、不要聚落圖示、不要圓點、不要圖釘、不要標籤、不要文字、不要道路、不要路線、不要金色圓環、不要圈選強調、不要 UI、不要地點色塊。留白的地形畫布,準備疊上另行裁切的覆蓋素材。16:9 寬幅地圖物件,不是海報、不是場景。」
4×4 地點標記圖表提示詞gpt-image-2
「用於互動式哈利波特巫師世界地圖集的確定性 4×4 生產素材圖表。以淺淡的格線參考圖為準,確切排成 4 欄 × 4 列。每個格子皆為白色或接近白色的背景。每個格子內只放一個孤立、風格化的標記式地標場景,置中,不要圓形外框、不要獎章、不要徽章、不要邊框、不要標籤、不要文字、不要浮水印。一致的復古故事書奇幻插畫風格、羊皮紙墨水、輪廓清晰易辨,適合裁切後疊加於地圖上。依列主序排列:1 蘇格蘭岩石山丘上的霍格華茲城堡剪影;2 斜角巷歪斜的魔法購物街;3 夜行巷陰暗狹窄歪斜的商店門面;4 活米村覆雪的魔法村莊;5 洞穴屋歪斜而溫馨的家庭小屋;6 古里某街十二號漆黑的倫敦連棟房屋;7 高錐客洞的村舍與教堂庭院;8 小惠因區整潔的郊區住宅;9 小漢格頓傾頹的莊園與墓地;10 阿茲卡班參差嶙峋的海上監獄高塔;11 魔法部綠磁磚的地下中庭;12 聖蒙果魔法醫院的門面;13 古靈閣白色巫師銀行;14 王十字車站九又四分之三月台的蒸氣火車拱門;15 禁忌森林古老幽暗的樹木;16 馬份莊園具貴族氣息的鐵門莊園。主體孤立、背景為可去背的白色,每個地標占其格子的 55–75%,保留安全邊距,整體為一致的風格系列。」
霍格華茲細節地圖提示詞gpt-image-2
「互動式哈利波特巫師世界地圖集的單一地點插畫細節地圖:霍格華茲魔法與巫術學院。描繪懸崖與庭院之上的古老蘇格蘭城堡學校、湖岸、高塔、溫室、魁地奇球場、貓頭鷹屋與禁忌森林邊緣。俯視/斜角的可探索地點地圖,復古故事書奇幻水彩與墨水風格,可與羊皮紙相容,細節豐富到足以設置可點擊的景點,16:9 構圖。不要標籤、不要可讀文字、不要 UI、不要外框、不要人物特寫、不要海報式構圖。這是真正的細節地圖素材,不是標記圖示。」
斜角巷細節地圖提示詞gpt-image-2
「互動式哈利波特巫師世界地圖集的單一地點插畫細節地圖:斜角巷。描繪隱藏的歪斜魔法購物街,一端是白色巫師銀行,另有魔杖店、坩堝店與貓頭鷹商場、鵝卵石巷道、溫暖的商店櫥窗,不要可讀的招牌。俯視/斜角的可探索地點地圖,復古故事書奇幻水彩與墨水風格,可與羊皮紙相容,細節豐富到足以設置可點擊的景點,16:9 構圖。不要標籤、不要可讀文字、不要 UI、不要外框、不要人物特寫、不要海報式構圖。這是真正的細節地圖素材,不是標記圖示。」

為什麼選擇涅塔工作室

專業 — 雲端工作平台支援從世界建構到發佈互動式網頁應用程式的完整流程,全程在雲端運行、無需本機設定,並可穩定存取前沿模型:Claude Opus 5、GPT Image 2、DeepSeek V3。

一鍵生成 — 官方調校的技能驅動每個環節:世界建構、地圖與地圖集設計、美術生成、應用程式封裝,以及成品工具的即時分享。

社群優先 — 使用者可建立無限數量的世界;所有公開世界都能被複製、混編與重新想像,化身為全新的遊戲與互動體驗。

工作室內部

開始探索

這個互動地圖工具由涅塔工作室的 AI 從一句話生成。世界只需幾分鐘。地圖也只需幾分鐘。你也可以做到——改編這個世界,或從任何 IP 重新開始。無需撰寫程式碼,免費開始。

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

×