ライブラリー（Three.jsやWebGLなど）を一切使わず、2DのCanvas APIだけでゼロから3D座標系（X, Y, Z）、透視投影、ポリゴン（多角形）の描画、そして光の反射（シェーディング）を計算するコードを作成しました。 このコードでは、3D空間に頂点と面（ポリゴン）を定義し、それを数学的な計算で2Dの画面に変換（プロジェクション）して描画しています。さらに、マウスを動かすと3D空間上で人が回転し、立体感がはっきり分かります。 index.htmlに上書き保存して開いてみてください。 HTML フルスクリーンキャンバス - 3Dポリゴンの人（ライブラリーなし）