mrdoob/three.js
7 articles
01
6本の記事を構成する
このシリーズ6本の記事の構成について紹介します。
02
Three.js の内部構造：アーキテクチャ概要とコードナビゲーションガイド
マルチエントリーポイントのビルドシステム、ディレクトリ構造、基本的な設計パターンを網羅した Three.js コードベースの総合的な解説。
03
シーングラフ：Object3D、トランスフォーム、そしてジオメトリとマテリアルの契約
Object3D のトランスフォームシステム、親子階層、そしてジオメトリとマテリアルが Mesh の中でどのように組み合わさってレンダリング可能なオブジェクトを生み出すかを深掘りします。
04
デュアルレンダラーアーキテクチャ：WebGLRenderer と新しいバックエンドシステム
Three.js がモノリシックな WebGLRenderer から、WebGPU と WebGL の両方をサポートするモジュール式の Renderer + Backend アーキテクチャへどのように移行しているか。
05
ノードシステムとThree Shading Language：グラフからシェーダーを構築する仕組み
Three.jsのノードベースシェーダーシステムが有向非巡回グラフからGPUシェーダーを構築する仕組みと、TSLがJavaScriptでシェーダーを記述できる理由を解説します。
06
数学プリミティブ、ライティング、カメラシステム
Three.js の線形代数ライブラリ、カラーマネジメント、カメラの投影行列階層、そしてライトがシェーダーノードとして統合される仕組み。
07
アセットパイプライン：ローダー、アドオン、そして Three.js エコシステム
ローダーアーキテクチャ、GLTFLoader のプラグインシステム、ポストプロセッシング、コントロール、テスト基盤、そしてコントリビューターへのガイド。