Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
PLATEAUで白い街を作る
Search
aikautau
August 08, 2026
Design
110
0
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
PLATEAUで白い街を作る
Blenderを使って好みのデザインで3D地図をレンダーする方法
by 切り絵の地図屋 aikautau
https://aikautau.work
X @aikautau
aikautau
August 08, 2026
Other Decks in Design
See All in Design
AI-Slopなデザインを生まないためのデザインプロセス戦略
takanorip
7
5.3k
Frontier
rwang05
0
190
絵や写真から学ぶ、要素がもたらす副作用
kspace
0
460
The Art of Caring
klemens
0
380
test deck title
shotamatsuo
0
1.5k
組織で働く大人が「知らないままにやってみる」を取り戻す方法とその意味〜企業で働く実務家による実践知の言語化を事例とした考察〜
chiemitaki
1
270
20260309_3月ICTデザイン勉強会_地域創生2.0
a2k
0
160
Basket_of_love.pdf
terencebasart
0
240
富山デザイン勉強会_プレゼンテーション.pdf
keita_yoshikawa
0
110
【CEDEC2026】アートとゲームデザインをつなぐVFX設計『GRANBLUE FANTASY: Relink - Endless Ragnarok』における表現と可読性の両立
cygames
PRO
0
470
体験負債を資産に変える組織的アプローチ
hikarutakase
0
1.6k
社長の宿題への回答 「新卒×AI」が生み出す価値
saki822
2
200
Featured
See All Featured
How to train your dragon (web standard)
notwaldorf
97
6.7k
sira's awesome portfolio website redesign presentation
elsirapls
0
320
Lightning Talk: Beautiful Slides for Beginners
inesmontani
PRO
2
630
16th Malabo Montpellier Forum Presentation
akademiya2063
PRO
0
350
Exploring anti-patterns in Rails
aemeredith
3
460
Ten Tips & Tricks for a 🌱 transition
stuffmc
0
160
How to optimise 3,500 product descriptions for ecommerce in one day using ChatGPT
katarinadahlin
PRO
2
3.7k
Breaking role norms: Why Content Design is so much more than writing copy - Taylor Woolridge
uxyall
0
360
Self-Hosted WebAssembly Runtime for Runtime-Neutral Checkpoint/Restore in Edge–Cloud Continuum
chikuwait
0
690
Optimizing for Happiness
mojombo
378
71k
How to build a perfect <img>
jonoalderson
1
5.9k
Hiding What from Whom? A Critical Review of the History of Programming languages for Music
tomoyanonymous
3
1.1k
Transcript
3D都市モデル PLATEAU LT 10 / 2026.08.05 PLATEAUで白い街をつくる 切り絵の地図屋 @aikautau 1
/ 10
切り絵の地図屋 紙を切って、地図をつくる。 最近は、地図を3Dにしています。 https://aikautau.work X / @aikautau フルタイム会社員(非エンジニア) 作品と日々の制作 子育て中
(5歳と1歳) 夫の全国転勤で、各地を巡る 2 / 10
すきなもの 地図のレースみたいな線 細かな模様 3D ミニチュア感が最高/ OpenStreetMap Contributors. 切り絵では出せない高さと光を出したくて3Dも挑戦中 ©︎ 3
/ 10
最初は手作業 PLATEAUの CityGML をダウンロード QGIS の PLATEAU プラグインで Shapefile に変換
BlenderGIS で読み込み 建物の高さが出た! OpenStreetMapの道路・川を追加 → カーブに変換 川ポリゴンで、地面(台座)をくり抜いて、水は別オブジェクトで表現 黒い四角を手作業で削除→ 光を整える → レンダー 屋根の重なってる面を修正するのが大変すぎる 当時の試作メモ / @aikautau 4 / 10
「◦◦って Python でできる?」から始めた python build̲map.py --config configs/mitaka̲station.yaml configs/mitaka̲station.yaml name: mitaka̲station
手作業の工程を、順番にコードへ frame: center: [139.561, 35.703] zoom: naka style: AIエージェントとやりとり。 範囲とスタイルを書き換えるだけで、 同じ手順を別の街にも適用できるようにした preset: yukigesho 見た目のプリセットをたくさん作ってスキル化 render: width: 3840 height: 2160 5 / 10
入力から、完成画像まで STEP 0 STEP 1 STEP 2 STEP 3 STEP
4 PLATEAUを探す OSMを集める scene̲data にする Blenderで組む 出典を入れる 建物データを検索・保存 道路・水域・鉄道を取得 地理データと表現を統合 メッシュ生成・レンダー クレジットを画像に焼き込む fetch̲plateau.py fetch̲osm.py prepare̲geo̲data.py blender̲scene.py add̲credit.py build̲map.py が順に実行 オーケストレーター 「たて、渋谷駅、より、宵」ってAIエージェントに投げる →画像出力される (画像サイズ・場所(Bbox指定)・ズームレベル・プリセット名) PLATEAU MCP / OSMnx(Overpass) / GeoPandas / Blenderヘッドレス 6 / 10
渋谷駅 浅瀬 / asase 宵 / yoi 場所のデータは同じ。スタイル変更/preset ライト /
light 色・照明の雰囲気が変わる 3D都市モデル Project PLATEAU 港区・目黒区・渋谷区(2025年度)を加工して作成 / © OpenStreetMap contributors 7 / 10
横浜・みなとみらい 海岸線で陸と海を分ける 3D都市モデル Project PLATEAU 横浜市(2024年度)を加工して作成 / © OpenStreetMap contributors
8 / 10
三鷹駅周辺 玉川上水が駅の下を通る 3D都市モデル Project PLATEAU 武蔵野市・三鷹市(2025年度)を加工して作成 / © OpenStreetMap contributors
9 / 10
地図を楽しもう いろんな街で試してみたい。発見があって面白い。 @aikautau / https://aikautau.work 10 / 10