Three.jsの記法まとめ

はじめに この記事は、Three.jsを用いた3Dオブジェクトを作成する方法やシェーダーの記法の整理を目的としています。 解説を目的とした記事ではないので、ご覧される際はあくまでメモ程度と捉えて頂けますと幸いです。 尚、全てのコードはnpmでthreejsモジュールをインストールしている前提で記載しています。 Three.jsを用いた3Dオブジェクトの生成 テンプレート(コメントあり) //モジュールの読み込み(パスは環境によって調整) import * as THREE from "three"; import { OrbitControls } from "three/examples/jsm/controls/OrbitControls.js"; import GUI from "lil-gui"; /* //canvasを定義 */ const canvas = document.