Three.jsとは?

Three.js は、WebブラウザでWebGLベースの3Dグラフィックスを表示するJavaScriptライブラリ。OpenGL相当の3D表現をHTMLで実装できます。没入型Webサイト、インタラクティブLP、製品可視化に活用されています。

主な活用

  • ブランドサイトの没入感演出
  • 製品3Dビューア(家具・自動車・不動産)
  • バーチャルショールーム
  • ゲーム・インタラクティブアート

React Three Fiber

Reactで Three.js を使うためのラッパー @react-three/fiber。宣言的に3Dシーンを記述でき、Next.jsとの組み合わせが主流です。

Tufe Companyの活用

本サイトのHeroロゴも Three.js 実装。Web Production サービスでは没入型Webサイト制作を提供しています。

関連用語

Tufe Companyのソリューション