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
170
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
Rethinking IFUs: What Board Game Rulebooks Contribute to IFU Usability
deadlinepoet
0
360
1000人規模の組織でデザインハーネスを導入するための第一歩
pkshadeck
PRO
5
3.6k
root COMPANY DECK / We are hiring!
root_recruit
4
30k
Saving_the_King_-_Storyboard.pdf
terencebasart
0
290
デザインとフロントエンドの境界が融ける Claude Code × Figma
littlebusters
2
3.4k
富山デザイン勉強会_ブラッシュアップデザイン.pdf
keita_yoshikawa
0
110
Of Ordination and Rebellion exploration sketches
rezaline
0
210
保育現場にAIを 〜人と技術に橋を架けるデザインで考えてきたこと〜 uiuxcamp2026-hoiku-ai-design
hiro93n
1
380
【CEDEC2026】『Shadowverse: Worlds Beyond』続編開発におけるUIデザイン・アニメーション演出の「超進化」 ~継承と挑戦を両立するデザイン手法~
cygames
PRO
3
5k
デザインの文脈を理解する:エンジニアがデザインカンファレンスに参加して得た学びと気づき
hypebeans
0
280
再設計される業務 - AIにより再設計される "デザインワークフロー" / AI Ops Lab #2 Redesigned orkflows
kgsi
0
840
Frontier
rwang05
0
200
Featured
See All Featured
The Cult of Friendly URLs
andyhume
79
7k
Mind Mapping
helmedeiros
PRO
1
340
Ecommerce SEO: The Keys for Success Now & Beyond - #SERPConf2024
aleyda
1
2.1k
What the history of the web can teach us about the future of AI
inesmontani
PRO
1
670
Faster Mobile Websites
deanohume
310
32k
How To Speak Unicorn (iThemes Webinar)
marktimemedia
1
560
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
49
10k
Accessibility Awareness
sabderemane
1
190
How STYLIGHT went responsive
nonsquared
100
6.3k
Leo the Paperboy
mayatellez
8
2.2k
Unsuck your backbone
ammeep
672
58k
State of Search Keynote: SEO is Dead Long Live SEO
ryanjones
0
260
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