このサイトは、3Dライブラリ「Three.js」の入門サイトです。Three.jsはWebGLとWebGPUの両方に対応していますが、このサイトでは次世代のWebGPU版(three/webgpu)を中心に解説します。 初学者から学べるように基本から解説しつつ、発展的な内容までまとめています。このサイトを通して、ウェブの3Dのインタラクションデザインについて学んでいきましょう。 Three.js概要 Three.jsは、HTML5で3Dコンテンツを制作するためのJavaScriptライブラリです。Mr.doob氏が中心となって開発されており、オープンソースソフトウェアとして個人・商用でも無償で利用できます。 WebGPUやWebGLを素のAPIだけで3D表現しようとすると、立方体1つ表示するだけでも多くのJavaScriptやWGSL / GLSLコードが必要です。Three.jsを使えば

