mrdoob/three.js

これは何？

主な機能

• 01カメラ、ジオメトリ、マテリアル、メッシュを備えたシーングラフ
• 02コアビルドにWebGLレンダラーとWebGPUレンダラーを搭載
• 03SVGレンダラーとCSS3Dレンダラーをアドオンとして利用可能
• 04npmで入手でき、ブラウザーから直接利用可能

ユースケース

• Web向けのインタラクティブな3Dビジュアライゼーションや製品ビューアの構築
• ブラウザーベースのゲームやアニメーション付き3Dシーンの作成
• AR・VRデバイス向けWebXR体験の開発

クイックスタート

1. 1

   ダウンロードサイズを抑えるため、リポジトリを shallow clone します

   git clone --depth=1 https://github.com/mrdoob/three.js.git
2. 2

   README の使用例に従って、JavaScript ファイルで THREE をインポートし、シーン、カメラ、WebGL レンダラーを作成します

3. 3

   ブラウザーでページを開き、回転するキューブを確認します

使う前に知っておきたいこと

• !すべての履歴を含むリポジトリの完全な clone は、約 2 GB です。

トピック

よくある質問

three.js とは？

WebGLとWebGPUを使ったブラウザー上の3Dシーンの作成・描画を容易にするJavaScript 3Dライブラリ。 Three.jsは、使いやすさとさまざまなブラウザーでの軽量さを重視した汎用JavaScript 3Dライブラリです。シーン、カメラ、ジオメトリ、マテリアル、レンダラーを提供し、生のWebGLコードを直接書かずに3Dコンテンツを作成できます。

three.js は無料で使えますか？ライセンスは？

three.js は MIT ライセンスのオープンソースです。商用製品で使う前にライセンス条件を確認してください。

three.js は今もメンテナンスされていますか？

活発にメンテナンス中。three.js の最終コミットは 2026年10月20日 です。

three.js は何に使えますか？

Web向けのインタラクティブな3Dビジュアライゼーションや製品ビューアの構築 ブラウザーベースのゲームやアニメーション付き3Dシーンの作成 AR・VRデバイス向けWebXR体験の開発

three.js のインストール方法は？

ダウンロードサイズを抑えるため、リポジトリを shallow clone します: git clone --depth=1 https://github.com/mrdoob/three.js.git README の使用例に従って、JavaScript ファイルで THREE をインポートし、シーン、カメラ、WebGL レンダラーを作成します ブラウザーでページを開き、回転するキューブを確認します

three.js はどこで入手できますか？

ソースコードとインストール手順は GitHub にあります：https://github.com/mrdoob/three.js