glTF
【JavaScript】three.jsで360°画像＋GLTF＋影を表示する
2025年3月20日
本記事では、three.jsを使用して360度背景画像とGLTFモデルを表示し、さらに影をリアルに描画する方法を解説します。OrbitControlsによるカメラ操作、DirectionalLightによる影の設定、GLTFモデルの読み込みと影の適用など、基本的なテクニックを紹介。マウスホイールでのズームやウィンドウリサイズ対応も実装しています。初心者から中級者向けに、実践的なサンプルコード付きで詳しく解説！
【three.js】で始める【glTF】の世界「初級編」
2025年2月26日
three.jsを使い、2枚の画像から透過情報を活かした2Dメッシュを生成し、glTF形式にエクスポートする手法を初心者向けに解説しています。シーン、カメラ、ライトの設定やテクスチャの読み込み、VRMメタ情報の付加、さらにはglTFファイルの読み込みと表示方法まで、実践的なサンプルコードを通じてWeb3Dコンテンツ制作の基礎から応用までを網羅的に紹介しています。