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
180
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
もう迷わない!“なんとなく”を卒業するフォントの選び方【村田俊英】
toshihidemurata
0
930
富山デザイン勉強会_ブラッシュアップデザイン.pdf
keita_yoshikawa
0
120
少人数チームで_使われるプロダクトにたどり着くための_デザインハーネス.pdf
nishame
1
1.4k
組織で働く大人が「知らないままにやってみる」を取り戻す方法とその意味〜企業で働く実務家による実践知の言語化を事例とした考察〜
chiemitaki
1
350
PAMPHLET.pdf
mhand01
0
1.7k
Debiasing Your Software Design Decision-Making @ Flowcon '26
baasie
1
170
研修担当者が一番伸びた 熊本市役所✕AI『泥臭いAI研修』のワークショップ設計について
garyuten
2
510
Build for the Web, Build on the Web, Build With the Web
csswizardry
0
520
工房としてのAI ── デザイナー、作家、ビルダー
hiranotomoki
0
440
デザインハーネス 〜AIが生成する"デザイン"の妥当性を、誰がどう担保するのか〜 / PdEConf2026 Design Harness
kgsi
10
18k
ClaudeCodeでマーケターの課題を解決する
kenichiota0711
11
14k
【CEDEC2026】『Shadowverse: Worlds Beyond』続編開発におけるUIデザイン・アニメーション演出の「超進化」 ~継承と挑戦を両立するデザイン手法~
cygames
PRO
3
5.1k
Featured
See All Featured
Groundhog Day: Seeking Process in Gaming for Health
codingconduct
0
330
StorybookのUI Testing Handbookを読んだ
zakiyama
31
6.9k
The Curious Case for Waylosing
cassininazir
1
490
Tips & Tricks on How to Get Your First Job In Tech
honzajavorek
1
720
Hiding What from Whom? A Critical Review of the History of Programming languages for Music
tomoyanonymous
3
1.2k
Six Lessons from altMBA
skipperchong
29
4.5k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
141
35k
How to build a perfect <img>
jonoalderson
1
5.9k
From π to Pie charts
rasagy
0
350
Raft: Consensus for Rubyists
vanstee
141
7.7k
Why You Should Never Use an ORM
jnunemaker
PRO
61
10k
WENDY [Excerpt]
tessaabrams
12
39k
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