More than 3 years have passed since last update.

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

Last updated at 2022-03-30Posted at 2022-03-30

はじめに

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

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