AMCI Develop Note : Three.jsを利用した3D都市モデル活用チュートリアル

はじめに

本解説ではPLATEAUで公開しているCityGML（FBX,OBJ）データをWebサイト上で使用する方法を、AMCIでの事例を参考にし、5回に分けて説明していきます。

AMCI

WebでのPLATEAUの3Dモデル表示から、AMCIサイト内でThree.jsを用いて表現されているエフェクトの利用方法を解説しています。本解説では3DとHTML、JavaScript（Three.js）の基礎的な知識が必要です。予めご注意ください。

目次

• AMCI Develop Note #00 PLATEAUモデルを表示するまで
  • https://qiita.com/ProjectPLATEAU/items/a5a64d681045ea2f76b6
• AMCI Develop Note #01 背景と地面の色の変更方法
  • https://qiita.com/ProjectPLATEAU/items/eb2f402dad4b1670a176
• AMCI Develop Note #02 射影テクスチャマッピング演出
  • https://qiita.com/ProjectPLATEAU/items/8c5c53a2892ea96b2e85
• AMCI Develop Note #03 木の葉のパーティクルを動かす
  • https://qiita.com/ProjectPLATEAU/items/2bbfcdf40b3f22c02ea9
• AMCI Develop Note #04 ビル毎に色を変えて動かす
  • https://qiita.com/ProjectPLATEAU/items/c3c596563e0f3db66fa1