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
No.8_snow city
Search
国土交通省都市政策課
March 08, 2023
0
8.8k
No.8_snow city
PLATEAU AWARD 2022 ファイナリスト作品No.8
チーム名:シマエナガ
作品名:snow city
国土交通省都市政策課
March 08, 2023
Tweet
Share
More Decks by 国土交通省都市政策課
See All by 国土交通省都市政策課
令和7年度PLATEAUコンソーシアム第1回定例会議 会議資料
toshiseisaku
0
3.8k
令和6年度PLATEAUコンソーシアム第4回定例会議・第4回アドバイザリーボード 会議資料
toshiseisaku
0
18k
No.1_空傘散歩
toshiseisaku
0
1.1k
No.2_虎ノ門深海水族館
toshiseisaku
0
1.5k
No.3_飛び出す避難場所マップ
toshiseisaku
0
1.3k
No.5_PLATEAUを利用したコミュニケーション、情報共有ツール
toshiseisaku
0
1.2k
No.6_3D都市世界体験型リハビリ・トレーニング
toshiseisaku
0
1.1k
No.7_Plateau3D 都市モデルを活用した衛星画像のシミュレーションでわかる災害状況と減災活用
toshiseisaku
0
1.2k
No.8_街の未来を描く地図
toshiseisaku
0
2.4k
Featured
See All Featured
We Have a Design System, Now What?
morganepeng
54
7.9k
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
16
1.8k
The Language of Interfaces
destraynor
162
25k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
162
15k
RailsConf 2023
tenderlove
30
1.3k
Optimizing for Happiness
mojombo
379
70k
How To Stay Up To Date on Web Technology
chriscoyier
791
250k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
118
20k
Site-Speed That Sticks
csswizardry
13
970
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
49
3.2k
Building Applications with DynamoDB
mza
96
6.8k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
359
30k
Transcript
PLATEAU AWARD PRESENTATION チーム シマエナガ
None
概要 私たちのコンセプトは 「実在の街をスノードームに入れる」 というものです。ブラウザ上で鑑賞した り、ダウンロードして他のモデルと組み 合わせたり、オリジナルのモデルを作成 することができます。 OUTLINE
デモ 以下の URL にアクセスしてご覧ください (スマートフォンでもアクセス可ですが、 不具合の可能性があるためPC 推奨です) https://snow-city.vercel.app/ DEMO
DESIGN デザイン テーマに合わせた、「高級感」のあるデザインを目指しました
スマートフォン対応 レスポンシブデザイン スマホからも鑑賞しやすいようデザイン を工夫しました RESPONSIVE
インターフェース 範囲の選択 境界を固定し、地図の方を動かすことで 直感的に緯度・経度・半径を取得できる ようにしました。 UI
音楽 雪の降る街に合うような音楽がなります 景色と一緒にお楽しみください MUSIC
3Dモデル ガラス 環境マップを用いて本物のガラスのよう な質感を再現しています 雪のパーティクル サイズとスピードにランダム性をつけて 自然に見えるようにしています。 MODEL
軽量化 テクスチャの削減 重複しているテクスチャをまとめたり、 少し解像度を下げることで3Dモデルのデ ータ量を半減させ、パフォーマンスを改 善しました。 REDUCE
バックエンド インフラ 3Dモデル処理 使用技術 TOOLS Web Next.js、TypeScript、Tailwind CSS three.js、Leaflet バックエンド(EC2にデプロイ)
Go モデリング、ロゴ、動画等 Blender、Premiere Pro, PlateauCityGmlSharp(ksasao) フロントエンド blender
今後の展望 すべての都市に対応 札幌だけでなく、PLATEAU で扱ってい るすべての都市でオリジナルのスノード ームを作れるようにします 道路などの表示 道路や公園など PLATEAU にある他の種
類のデータも活用します VISION
T H A N K Y O U !