エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
Web上で3D表現を!WebGLのリッチな表現を短時間でお手軽に作る方法 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
Web上で3D表現を!WebGLのリッチな表現を短時間でお手軽に作る方法 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作
ちなみに今回のデモではtf3dmさんにあるこちらの素材を使わせていただきました。 ダウンロードしてきた... ちなみに今回のデモではtf3dmさんにあるこちらの素材を使わせていただきました。 ダウンロードしてきた中身を開くとこんな感じ。 色々入っていますが、今回使用するのはcity.mtl, city.objとMaps/以下のファイルです。Maps/の中に入っているのはテクスチャと呼ばれるファイル群で、3Dモデルの表面を装飾するためのものです。 さて、次の章から実際の実装方法を見ていきましょう。 Three.jsコーディング Loaderファイルを使う 3DモデリングをThree.jsで描画させるには、それぞれのフォーマットに合わせた「Loader」と呼ばれるファイルが必要です。LoaderはThree.jsを公式からダウンロードすると、同じファイル内の“three.js-master/examples/js/loaders/に入っています。場所めっちゃわかりにくいですね! ここにxxxLoade