「Web3D」のコラム

Three.js r186でGaussianSplatクラスとSPZ/PLY/glTF用ローダーが標準搭載され、WebGPURenderer上でGPUの深度ソートにより高速描画できるようになった。インストール方法・最短コード・Spark 2.0との違い・制限事項までを実務目線で整理する解説記事である。

Three.jsはWeb上で3Dを描画する最大手のオープンソースライブラリです。2026年は、Apple Safari の WebGPU 正式対応を皮切りに、Three.js の WebGPU レンダラーが本番投入できる成熟期に入りました。本記事では、現在の Three.js でできること、TSL（Three Shading Language）、React Three Fiber エコシステム、業務での活用シーン、最新版での注意点までを実務目線で整理します。