3.js の

3.js の

原作者	リカルド・カベロ（ミスタードゥーブ）
開発者	Three.jsの著者[1]
初回リリース	2010年4月24日; 14年前[2] ( 2010-04-24 )
リポジトリ	github.com/mrdoob/three.js
書かれた	JavaScript、GLSL
タイプ	JavaScript ライブラリ
ライセンス	マサチューセッツ工科大学[1]
Webサイト	3.js.org より

Three.jsは、 WebGLを使用してWebブラウザでアニメーション化された3Dコンピュータグラフィックスを作成し、表示するために使用されるクロスブラウザ JavaScriptライブラリおよびアプリケーションプログラミングインターフェイス（API）です。ソースコードはGitHubのリポジトリでホストされています。^[3]

Three.jsは、独自のブラウザプラグインに頼ることなく、JavaScript言語を使用してウェブサイトの一部としてグラフィック処理装置（GPU）で高速化された3Dアニメーションを作成することを可能にします。^{[4] [5]}これは、Web専用に作成された低レベルのグラフィックスAPIであるWebGL ^{[6]の出現により可能になりました。 [7]}

Three.jsやGLGE 、Scene.js、PhiloGLなどの高レベルライブラリを使用すると、従来のスタンドアロンアプリケーションやプラグインに必要な労力をかけずに、ブラウザで表示するための複雑な3Dコンピュータアニメーションを作成できます。^[8]

Three.jsは、2010年4月にRicardo CabelloによってGitHubで初めてリリースされました。^[2]ライブラリの起源は、2000年代初頭の彼のデモシーンへの関与にまで遡ります。 ^[9]コードはもともとAdobe Flashで使用されるActionScript言語で開発され、後に2009年にJavaScriptに移植されました。 Cabelloは、ActionScriptからの移行を正当化する2つの強力な点があると考えました。第一に、JavaScriptはプラットフォームの独立性が高いことです。第二に、JavaScriptで書かれたアプリケーションは、Flashアプリケーションとは異なり、開発者が事前にコンパイルする必要がないことです。

Cabello によるその他の貢献には、API 設計、CanvasRenderer、SVGRenderer があり、さまざまな貢献者によるコミットをプロジェクトにマージする責任も負っています。

WebGLの登場により、Three.jsはレンダリングコードをコア自体ではなくモジュールとして設計されていたため、Paul Bruntは新しいレンダリング技術を非常に簡単に実装することができました。^[10]初期の貢献者であるBranislav Uličnýは、自分のサイトでいくつかのWebGLデモを投稿した後、2010年にThree.jsを開始しました。彼は、Three.jsのWebGLレンダラー機能がCanvasRendererやSVGRendererを超えることを望んでいました。^[10]彼の主な貢献は、一般的にマテリアル、シェーダー、および後処理です。

2011年3月にFirefox 4でWebGL 1.0が導入された直後、Joshua Kooが参加しました。彼は2011年9月に3Dテキスト用の最初のThree.jsデモを作成しました。 ^[10]彼の貢献はジオメトリ生成に関連するものが多いです。

Three.jsはバージョン118以降、デフォルトでWebGL 2.0を使用します。標準の古いバージョンは、WebGL1Rendererクラスを介して引き続き利用できます。^[11]

Three.jsにはGitHub上で1700人以上の貢献者がいます。^[12]

Three.jsには以下の機能が含まれています: ^[13]

• 効果: アナグリフ、斜視、視差バリア。
• シーン: 実行時にオブジェクトを追加および削除する; フォグ
• カメラ: パースペクティブと正投影; コントローラー: トラックボール、FPS、パスなど
• アニメーション: アーマチュア、順方向運動学、逆方向運動学、モーフ、キーフレーム
• ライト: アンビエントライト、方向ライト、ポイントライト、スポットライト、影: 投影と受信
• マテリアル: Lambert、Phong、スムーズシェーディング、テクスチャなど
• シェーダー:レンズフレア、深度パス、広範な後処理ライブラリなど、OpenGL シェーディング言語 ( GLSL ) の完全な機能にアクセスできます。
• オブジェクト: メッシュ、パーティクル、スプライト、ライン、リボン、ボーンなど - すべて詳細レベル付き
• ジオメトリ: 平面、立方体、球、トーラス、3D テキストなど。修飾子: 旋盤、押し出し、チューブ
• インポート/エクスポート: JSON、glTF、OBJ、USDZなどによるネイティブのシリアル化/逆シリアル化。
• ユーティリティ:視錐台、マトリックス、クォータニオン、UVなどを含む、時間と 3D 数学関数の完全なセット
• サポート: API ドキュメントは現在作成中です。公開フォーラムと wiki はフル稼働しています。
• 例: 150 を超えるコーディング例のファイルに加え、フォント、モデル、テクスチャ、サウンド、その他のサポート ファイル
• デバッグ: Stats.js、^[14] WebGLインスペクタ、^[15] Three.jsインスペクタ^[16]
• WebXRによる仮想現実と拡張現実^[17]

Three.js は、WebGL 1.0 または WebGL 2.0 をサポートするすべてのブラウザーで実行されます。

Three.jsはMITライセンスの下で提供されています。^[1]

• Google Chrome 実験
• WebGLフレームワークのリスト
• JavaScriptフレームワーク
• JavaScript ライブラリ

• Dirksen, Jos (2013)。Learning Three.js: WebGL 用 Ja​​vaScript 3D ライブラリ。英国: Packt Publishing。ISBN 9781782166283。
• パリシ、トニー (2012)。Webgl Up and Running。セバストポル: Oreilly & Associates Inc. ISBN 9781449323578。
• Seidelin, Jacob (2012)。HTML5ゲーム: HTML5、CSS3、WebGL で楽しいゲームを作ろう。英国ウェストサセックス州チチェスター: John Wiley & Sons。pp. 412–414。ISBN 978-1119975083。- 「Three.js は低レベルの詳細を処理することでゲーム開発を容易にします」
• ウィリアムズ、ジェームズ (2012)。HTML5ゲームプログラミングを学ぶ: Canvas、 SVG 、WebGL を使用してオンラインゲームを構築するための実践ガイド。アッパーサドルリバー、ニュージャージー: Addison-Wesley。pp. 117–120、123–131、136、140–142。ISBN 978-0321767363。
• Raasch, Jon (2011). Smashing WebKit . チチェスター: Wiley. pp. 181, 182, 216. ISBN 978-1119999133。

Wikimedia Commons にはThree.jsに関連するメディアがあります。

• 公式サイト