No.8_snow city
by
国土交通省都市政策課
Link
Embed
Share
Beginning
This slide
Copy link URL
Copy link URL
Copy iframe embed code
Copy iframe embed code
Copy javascript embed code
Copy javascript embed code
Share
Tweet
Share
Tweet
Slide 1
Slide 1 text
PLATEAU AWARD PRESENTATION チーム シマエナガ
Slide 2
Slide 2 text
No content
Slide 3
Slide 3 text
概要 私たちのコンセプトは 「実在の街をスノードームに入れる」 というものです。ブラウザ上で鑑賞した り、ダウンロードして他のモデルと組み 合わせたり、オリジナルのモデルを作成 することができます。 OUTLINE
Slide 4
Slide 4 text
デモ 以下の URL にアクセスしてご覧ください (スマートフォンでもアクセス可ですが、 不具合の可能性があるためPC 推奨です) https://snow-city.vercel.app/ DEMO
Slide 5
Slide 5 text
DESIGN デザイン テーマに合わせた、「高級感」のあるデザインを目指しました
Slide 6
Slide 6 text
スマートフォン対応 レスポンシブデザイン スマホからも鑑賞しやすいようデザイン を工夫しました RESPONSIVE
Slide 7
Slide 7 text
インターフェース 範囲の選択 境界を固定し、地図の方を動かすことで 直感的に緯度・経度・半径を取得できる ようにしました。 UI
Slide 8
Slide 8 text
音楽 雪の降る街に合うような音楽がなります 景色と一緒にお楽しみください MUSIC
Slide 9
Slide 9 text
3Dモデル ガラス 環境マップを用いて本物のガラスのよう な質感を再現しています 雪のパーティクル サイズとスピードにランダム性をつけて 自然に見えるようにしています。 MODEL
Slide 10
Slide 10 text
軽量化 テクスチャの削減 重複しているテクスチャをまとめたり、 少し解像度を下げることで3Dモデルのデ ータ量を半減させ、パフォーマンスを改 善しました。 REDUCE
Slide 11
Slide 11 text
バックエンド インフラ 3Dモデル処理 使用技術 TOOLS Web Next.js、TypeScript、Tailwind CSS three.js、Leaflet バックエンド(EC2にデプロイ) Go モデリング、ロゴ、動画等 Blender、Premiere Pro, PlateauCityGmlSharp(ksasao) フロントエンド blender
Slide 12
Slide 12 text
今後の展望 すべての都市に対応 札幌だけでなく、PLATEAU で扱ってい るすべての都市でオリジナルのスノード ームを作れるようにします 道路などの表示 道路や公園など PLATEAU にある他の種 類のデータも活用します VISION
Slide 13
Slide 13 text
T H A N K Y O U !