$30 off During Our Annual Pro Sale. View Details »

No.8_snow city

No.8_snow city

PLATEAU AWARD 2022 ファイナリスト作品No.8
チーム名:シマエナガ
作品名:snow city

More Decks by 国土交通省都市政策課

Transcript

  1. PLATEAU AWARD PRESENTATION
    チーム シマエナガ

    View Slide

  2. View Slide

  3. 概要
    私たちのコンセプトは
    「実在の街をスノードームに入れる」
    というものです。ブラウザ上で鑑賞した
    り、ダウンロードして他のモデルと組み
    合わせたり、オリジナルのモデルを作成
    することができます。
    OUTLINE

    View Slide

  4. デモ
    以下の URL にアクセスしてご覧ください
    (スマートフォンでもアクセス可ですが、
    不具合の可能性があるためPC 推奨です)
    https://snow-city.vercel.app/
    DEMO

    View Slide

  5. DESIGN
    デザイン
    テーマに合わせた、「高級感」のあるデザインを目指しました

    View Slide

  6. スマートフォン対応
    レスポンシブデザイン
    スマホからも鑑賞しやすいようデザイン
    を工夫しました
    RESPONSIVE

    View Slide

  7. インターフェース
    範囲の選択
    境界を固定し、地図の方を動かすことで
    直感的に緯度・経度・半径を取得できる
    ようにしました。
    UI

    View Slide

  8. 音楽
    雪の降る街に合うような音楽がなります
    景色と一緒にお楽しみください
    MUSIC

    View Slide

  9. 3Dモデル
    ガラス
    環境マップを用いて本物のガラスのよう
    な質感を再現しています
    雪のパーティクル
    サイズとスピードにランダム性をつけて
    自然に見えるようにしています。
    MODEL

    View Slide

  10. 軽量化
    テクスチャの削減
    重複しているテクスチャをまとめたり、
    少し解像度を下げることで3Dモデルのデ
    ータ量を半減させ、パフォーマンスを改
    善しました。
    REDUCE

    View Slide

  11. バックエンド インフラ 3Dモデル処理
    使用技術
    TOOLS
    Web
    Next.js、TypeScript、Tailwind CSS
    three.js、Leaflet
    バックエンド(EC2にデプロイ)
    Go
    モデリング、ロゴ、動画等
    Blender、Premiere Pro,
    PlateauCityGmlSharp(ksasao)
    フロントエンド
    blender

    View Slide

  12. 今後の展望
    すべての都市に対応
    札幌だけでなく、PLATEAU で扱ってい
    るすべての都市でオリジナルのスノード
    ームを作れるようにします
    道路などの表示
    道路や公園など PLATEAU にある他の種
    類のデータも活用します
    VISION

    View Slide

  13. T H A N K Y O U !

    View Slide