ワールドマップ体験ツール ― 魔法の英国インタラクティブ地図帳
ワールドマップ体験ツールを開こう：ハリー・ポッターの魔法ワールドを巡るブラウザベースのインタラクティブ地図帳。16の手描きロケーションマーカー、16枚の生成ディテールマップ、65の見どころ、そして息づく羊皮紙の雰囲気を備え、ネタ・スタジオで最初から最後まで制作されました。
完成品：ワールドマップ体験ツール
カバー
GPT Image 2で、この世界のクラシック・ファンタジーイラストのスタイルで生成された16:9のキーアートカバー：ろうそくの灯りに照らされた魔法の英国の羊皮紙地図帳が古い机の上に広がり、その中心に黒い湖のほとりのホグワーツが描かれています。ダイアゴン横丁、雪のホグズミード、傾いたバロウが光り輝く飾り枠のビネットとして配され、地図の周りには金色のピンと羅針図が置かれています。
スクリーンショット
実動アプリの最初の画面：隠された魔法の英国のすべてが一枚の羊皮紙地図帳に ― 島々の上を漂う雲と鳥のシルエット、そして16の手描きロケーションマーカーを備えた、すっきりとした地形ベースマップ。
スクリーンショット
実動アプリ：ホグワーツのマーカーをクリックすると地図がハイランド地方へ飛んでいきます ― 生成されたホグワーツのディテールマップ、そのロケーションの物語、そして探索できる5つの見どころとともにカードが開きます。
スクリーンショット
実動アプリ：ロンドンに隠されたダイアゴン横丁のカード ― 銀行の階段、杖職人の店の扉、大釜の露店、フクロウの窓。それぞれが独自の探索可能なディテールマップビューを開きます。
ワールドマップ体験ツールは、ハリー・ポッターの魔法ワールドに隠された魔法の英国を描く、ブラウザベースのインタラクティブ地図帳です。きれいな羊皮紙の英国諸島地図に16の手描きロケーションをピン留めします ― 黒い湖のほとりにそびえるホグワーツ魔法魔術学校と、雪を頂いた屋根の路地が続くホグズミードから、曲がりくねったダイアゴン横丁の店々、嵐に洗われるアズカバンの岩礁、そして鉄の門を構えるマルフォイ邸まで。
地図をドラッグして旅をし、拡大・縮小も思いのまま。マーカーをクリックすると、その場所へ飛び込んでプレースカードが開きます：専用の生成ディテールマップ・アートワーク、その場所の物語、そして独自の見どころ ― ホグワーツの大広間、温室、クィディッチ競技場、ダイアゴン横丁の杖職人の店の扉、ホグズミード目抜き通りのスイートショップなど。
魔法ワールドについての一行のシードから、ネタ・スタジオが原作準拠の世界を生成し ― そしてこの完全なインタラクティブ地図ツールを、実物の地図アート、実物のスプライト切り抜き、実物のプロンプトとともに、数分で作り上げました。
地図で遊ぶ： ワールドマップ体験ツールを開く →
特徴
- 英国にピン留めされた16の手描きロケーション ― ホグワーツ、ホグズミード、ダイアゴン横丁、ノクターン横丁、バロウ、グリモールド・プレイス12番地、ゴドリックの谷、リトル・ウィンジング、リトル・ハングルトン、アズカバン、魔法省、聖マンゴ病院、グリンゴッツ魔法銀行、キングズ・クロス駅の9と3/4番線、禁じられた森、マルフォイ邸。すべてのマーカーは、実際の英国諸島の地形を最優先したベースマップアートの上に配置されています。
- プレースカードに収められた65の見どころ ― マーカーをクリックするとカードが開きます：専用のディテールマップアートワーク、そのロケーションの物語、そしてそれぞれ3〜5の探索可能な見どころ ― ホグワーツなら大広間、黒い湖のほとり、クィディッチ競技場、ダイアゴン横丁なら銀行の階段とフクロウの窓、ホグズミードなら居酒屋の角と駅通り。
- ドラッグ・ズーム・フライイン ― カーソルで羊皮紙地図帳をパンし、＋／−コントロールでズーム。マーカーをクリックするとそのロケーションへまっすぐ飛んでいき、戻るボタンでいつでも英国全体のビューに戻れます。
- 息づく羊皮紙の雰囲気 ― アプリは「羊皮紙に最初の一筆を入れる」ところから始まります。島々の上を漂う雲と鳥の群れ、ホバーで輝くマーカー、地図とプレースカードの間のすべての移り変わりが、古い地図帳のページをめくるような感覚を届けます。
- 実物アセット優先のアートパイプライン ― すべてのマーカーが実際に生成されたアートワークです：地形のみを描いたすっきりとした羊皮紙ベースマップ、一枚の4×4シートにまとめて生成された16のロケーションシーン、それぞれが透過背景のスプライトに切り抜かれたマーカー、そしてすべてのロケーションのために個別に生成されたディテールマップ。
- あらゆるブラウザで動作し、ワンクリックで公開 ― 単一の静的ページとして安定したリンクに公開され、即座に共有できます ― ダウンロードもインストールも不要。デスクトップでもモバイルでも開いて、隠された英国の散策を始めましょう。
インターフェース
画面
ホグズミードのカード：雪に覆われた村の辻のディテールマップ ― 目抜き通り、スイートショップ、居酒屋の角、駅通りが探索可能なディテールとして開き、赤いホグワーツ特急がプラットフォームで待ち構えています。
画面
アズカバンのカード：北海の岩礁に築かれた海上監獄 ― 嵐の光に照らされたディテールマップには、沖の岩礁、監房塔、港の防波堤、見張り塔が見どころとして並んでいます。
画面
見どころはタップ可能：ホグズミードの地図でスイートショップを選ぶと、カードの情報パネルが「まばゆい窓と、ありえないお菓子」と表示され、黄色いマーカーはその店に固定されたままです。
スプライト
このツールの実物マーカーアート：岩の多い岸辺の上にそびえるホグワーツ城を透過背景のスプライトに切り抜いたもの ― あらゆるレイアウト、バナー、リミックスにすぐ使えます。
スプライト
このツールの実物マーカーアート：ダイアゴン横丁の、ランタンに照らされた曲がりくねった路地を、透過背景の制作スプライトとして切り出したもの。
スプライト
このツールの実物マーカーアート：尖った岩礁に築かれた海上監獄の要塞アズカバンを透過スプライトに切り抜き、どんな地図にも載せられるようにしたもの。
制作工程の内訳
ステージ1：世界構築claude-opus-5
ハリー・ポッターの魔法ワールドについての一行のシードから、ネタ・スタジオが原作準拠の世界を構築します：その概要と対立、そのビジュアルスタイル ― クラシック・ファンタジーイラスト、ヴィンテージ絵本の画風、神秘的で古めかしい雰囲気 ― そして45枚のアトムカード ― キャラクター10、ロケーション10、イベント11、勢力5、ルールとコンセプト9。これらが、後述するすべてのロケーションブリーフの土台となります。
ハリー・ポッターの魔法ワールドについての一行のシードから、ネタ・スタジオが原作準拠の世界を構築します：その概要と対立、そのビジュアルスタイル ― クラシック・ファンタジーイラスト、ヴィンテージ絵本の画風、神秘的で古めかしい雰囲気 ― そして45枚のアトムカード ― キャラクター10、ロケーション10、イベント11、勢力5、ルールとコンセプト9。これらが、後述するすべてのロケーションブリーフの土台となります。
ステージ2：地図アートとアセットgpt-image-2
地図はアセット優先で、レイヤー構造の制作アートとして作られます：地形のみのすっきりとした英国の羊皮紙ベースマップ（地名ラベルなし、マーカーなし、画面表示要素なし）、1パスで生成された16のロケーションマーカーシーンを並べた4×4シート、それぞれ透過背景のスプライトに切り抜かれたマーカー、そして見どころ配置に対応した、ロケーションごとに生成された16枚のディテールマップパネル。
地図はアセット優先で、レイヤー構造の制作アートとして作られます：地形のみのすっきりとした英国の羊皮紙ベースマップ（地名ラベルなし、マーカーなし、画面表示要素なし）、1パスで生成された16のロケーションマーカーシーンを並べた4×4シート、それぞれ透過背景のスプライトに切り抜かれたマーカー、そして見どころ配置に対応した、ロケーションごとに生成された16枚のディテールマップパネル。
ステージ3：アプリ構築と公開neta-studio
インタラクティブツールは、単一のロケーションデータファイルから組み立てられます ― ベースマップ上に配置されたマーカー、ドラッグとズームの操作系、ディテールマップと見どころに結び付けられた各プレースカード ― その後、静的ウェブページとしてパッケージ化され、安定したリンクに公開され、実際のブラウザで動作確認が行われて、即座に共有されます。
インタラクティブツールは、単一のロケーションデータファイルから組み立てられます ― ベースマップ上に配置されたマーカー、ドラッグとズームの操作系、ディテールマップと見どころに結び付けられた各プレースカード ― その後、静的ウェブページとしてパッケージ化され、安定したリンクに公開され、実際のブラウザで動作確認が行われて、即座に共有されます。
アセット用プロンプト
実際に使用した生成プロンプト
クリーンベースマップのプロンプトgpt-image-2
"きれいなイラスト調の羊皮紙ファンタジー地図帳ベースマップ ― ハリー・ポッターの魔法ワールド探索ページのための、隠された魔法の英国を描いてください。アップロードしたレイアウト参照はマクロな地形のみに使用：英国、アイルランド、周囲の海、遠く離れた監獄島、高地、森林、平原、河川、海岸線。スタイル参照は、ヴィンテージ絵本の羊皮紙地図帳表現 ― セピアのインクの海岸線、柔らかく風化した紙、優雅な地形イラスト ― のみに使用してください。厳格なクリーンベースマップ：地形と地理のみ。都市記号、城、塔、遺跡、集落アイコン、点、ピン、ラベル、文字、道路、経路線、金色のリング、強調された円、インターフェース、ロケーション表示パッチは一切なし。別途切り抜いたオーバーレイを載せるための、何もない地形キャンバスにしてください。16:9の横長の地図オブジェクトとして。ポスターでもシーンでもありません。"
"きれいなイラスト調の羊皮紙ファンタジー地図帳ベースマップ ― ハリー・ポッターの魔法ワールド探索ページのための、隠された魔法の英国を描いてください。アップロードしたレイアウト参照はマクロな地形のみに使用：英国、アイルランド、周囲の海、遠く離れた監獄島、高地、森林、平原、河川、海岸線。スタイル参照は、ヴィンテージ絵本の羊皮紙地図帳表現 ― セピアのインクの海岸線、柔らかく風化した紙、優雅な地形イラスト ― のみに使用してください。厳格なクリーンベースマップ：地形と地理のみ。都市記号、城、塔、遺跡、集落アイコン、点、ピン、ラベル、文字、道路、経路線、金色のリング、強調された円、インターフェース、ロケーション表示パッチは一切なし。別途切り抜いたオーバーレイを載せるための、何もない地形キャンバスにしてください。16:9の横長の地図オブジェクトとして。ポスターでもシーンでもありません。"
4×4ロケーションマーカーシートのプロンプトgpt-image-2
"インタラクティブなハリー・ポッター魔法ワールド地図帳のための、決定的な4×4制作アセットシート。かすかなグリッド参照を正確に4列×4行として使用してください。すべてのセルの背景は白またはほぼ白に。各セルには、中央に配置された1つの独立した様式化マーカーシーンのランドマークのみを収めてください。円形のフレーム、メダリオン、バッジ、枠、ラベル、文字、透かしは一切なし。一貫したヴィンテージ絵本風ファンタジーイラスト、羊皮紙のインク、判読できるシルエットで、地図の上に切り抜いて重ねるのに適したものにしてください。行優先の順序：1 岩だらけのスコットランドの丘の上にそびえるホグワーツ城のシルエット、2 ダイアゴン横丁の曲がりくねった魔法の商店街、3 ノクターン横丁の暗く狭い曲がった商店のファサード、4 雪に覆われた魔法の村ホグズミード、5 傾いた暖かな家族の家バロウ、6 ロンドンの黒いタウンハウス、グリモールド・プレイス12番地、7 ゴドリックの谷のコテージと教会墓地、8 きちんとした郊外の家、リトル・ウィンジング、9 廃墟の館と墓地、リトル・ハングルトン、10 ギザギザの海上監獄の塔アズカバン、11 緑色のタイル張りの地下アトリウム、魔法省、12 聖マンゴ病院の魔法病院のファサード、13 白い魔法使いの銀行、グリンゴッツ、14 蒸気機関車が発車するキングズ・クロス駅の9と3/4番線のアーチ、15 古く暗い巨木が立ち並ぶ禁じられた森、16 貴族的な鉄門の館マルフォイ邸。主題は透過処理に適した白背景に独立させて配置し、各ランドマークはセルの55〜75パーセントを占め、安全な余白を取り、一貫したスタイル群にしてください。"
"インタラクティブなハリー・ポッター魔法ワールド地図帳のための、決定的な4×4制作アセットシート。かすかなグリッド参照を正確に4列×4行として使用してください。すべてのセルの背景は白またはほぼ白に。各セルには、中央に配置された1つの独立した様式化マーカーシーンのランドマークのみを収めてください。円形のフレーム、メダリオン、バッジ、枠、ラベル、文字、透かしは一切なし。一貫したヴィンテージ絵本風ファンタジーイラスト、羊皮紙のインク、判読できるシルエットで、地図の上に切り抜いて重ねるのに適したものにしてください。行優先の順序：1 岩だらけのスコットランドの丘の上にそびえるホグワーツ城のシルエット、2 ダイアゴン横丁の曲がりくねった魔法の商店街、3 ノクターン横丁の暗く狭い曲がった商店のファサード、4 雪に覆われた魔法の村ホグズミード、5 傾いた暖かな家族の家バロウ、6 ロンドンの黒いタウンハウス、グリモールド・プレイス12番地、7 ゴドリックの谷のコテージと教会墓地、8 きちんとした郊外の家、リトル・ウィンジング、9 廃墟の館と墓地、リトル・ハングルトン、10 ギザギザの海上監獄の塔アズカバン、11 緑色のタイル張りの地下アトリウム、魔法省、12 聖マンゴ病院の魔法病院のファサード、13 白い魔法使いの銀行、グリンゴッツ、14 蒸気機関車が発車するキングズ・クロス駅の9と3/4番線のアーチ、15 古く暗い巨木が立ち並ぶ禁じられた森、16 貴族的な鉄門の館マルフォイ邸。主題は透過処理に適した白背景に独立させて配置し、各ランドマークはセルの55〜75パーセントを占め、安全な余白を取り、一貫したスタイル群にしてください。"
ホグワーツ・ディテールマップのプロンプトgpt-image-2
"インタラクティブなハリー・ポッター魔法ワールド地図帳のための、単一ロケーションのイラスト入りディテールマップ：ホグワーツ魔法魔術学校。断崖と中庭に建つ古いスコットランドの城学校、湖岸、塔、温室、クィディッチ競技場、フクロウ小屋、禁じられた森の端を描いてください。見下ろし／斜め視点の探索可能なロケーションマップ、ヴィンテージ絵本風ファンタジーの水彩とインク、羊皮紙に調和する質感、クリック可能な見どころを置ける詳細さ、16:9の構図。ラベル、判読可能な文字、インターフェース、枠、人物のアップ、ポスター構図は一切なし。これはマーカーアイコンではなく、実際のディテールマップアセットです。"
"インタラクティブなハリー・ポッター魔法ワールド地図帳のための、単一ロケーションのイラスト入りディテールマップ：ホグワーツ魔法魔術学校。断崖と中庭に建つ古いスコットランドの城学校、湖岸、塔、温室、クィディッチ競技場、フクロウ小屋、禁じられた森の端を描いてください。見下ろし／斜め視点の探索可能なロケーションマップ、ヴィンテージ絵本風ファンタジーの水彩とインク、羊皮紙に調和する質感、クリック可能な見どころを置ける詳細さ、16:9の構図。ラベル、判読可能な文字、インターフェース、枠、人物のアップ、ポスター構図は一切なし。これはマーカーアイコンではなく、実際のディテールマップアセットです。"
ダイアゴン横丁・ディテールマップのプロンプトgpt-image-2
"インタラクティブなハリー・ポッター魔法ワールド地図帳のための、単一ロケーションのイラスト入りディテールマップ：ダイアゴン横丁。隠された曲がりくねった魔法の商店街 ― 片端にそびえる白い魔法使いの銀行、杖店、大釜店、フクロウ百貨店、石畳の路地、暖かな灯りのショーウィンドウ。判読可能な看板は不要です。見下ろし／斜め視点の探索可能なロケーションマップ、ヴィンテージ絵本風ファンタジーの水彩とインク、羊皮紙に調和する質感、クリック可能な見どころを置ける詳細さ、16:9の構図。ラベル、判読可能な文字、インターフェース、枠、人物のアップ、ポスター構図は一切なし。これはマーカーアイコンではなく、実際のディテールマップアセットです。"
"インタラクティブなハリー・ポッター魔法ワールド地図帳のための、単一ロケーションのイラスト入りディテールマップ：ダイアゴン横丁。隠された曲がりくねった魔法の商店街 ― 片端にそびえる白い魔法使いの銀行、杖店、大釜店、フクロウ百貨店、石畳の路地、暖かな灯りのショーウィンドウ。判読可能な看板は不要です。見下ろし／斜め視点の探索可能なロケーションマップ、ヴィンテージ絵本風ファンタジーの水彩とインク、羊皮紙に調和する質感、クリック可能な見どころを置ける詳細さ、16:9の構図。ラベル、判読可能な文字、インターフェース、枠、人物のアップ、ポスター構図は一切なし。これはマーカーアイコンではなく、実際のディテールマップアセットです。"
ネタ・スタジオを選ぶ理由
プロフェッショナル ― クラウドハーネスシステムが、世界構築からインタラクティブウェブアプリの公開までの全ワークフローをクラウド上で完結させ、ローカルでの環境構築は一切不要。最先端モデルへ安定的にアクセス：Claude Opus 5、GPT Image 2、DeepSeek V3。
ワンクリック生成 ― 公式チューニング済みスキルがすべての工程を駆動：世界構築、地図・地図帳デザイン、アート生成、アプリのパッケージング、完成したツールの即時共有。
コミュニティファースト ― ユーザーは無制限に世界を構築でき、公開されたすべての世界はフォーク、リミックス、再構想されて、新しいゲームやインタラクティブ体験に生まれ変わります。
スタジオ内部
‹
›
スタジオ
スタジオ
スタジオ
探索を始める
このインタラクティブ地図ツールは、たった一文からネタ・スタジオの人工知能によって生成されました。世界は数分で完成し、地図も数分で完成しました。あなたにもできます ― この世界をアレンジするか、あらゆる知的財産から新しく始められます。コーディング不要、無料でスタート。
×