JavaScript class memo //ECMAScript2015: class class A { constructor (a, b) { Object.assign (this, {a, b}); this._val = null;//暗黙に内部変数 } get value () { return this._val; } set value (val) { this._val = val; } get clone () { let {a, b…

視野変換 視野変換のための行列を得る 必要となる座標・空間ベクトル 目の位置 注視している位置 視線ベクトル 視線ベクトルの頭上方向のベクトル Z軸について 視線ベクトルの長さ 視線ベクトルのノルム（単位ベクトル）をZ軸周りのベクトルとする X軸につい…

フラクタルを利用して３次元の木を描く フラクタルな図形を２次元から３次元にするにあたり、空間ベクトルの向きを変えるのに苦労してしまった。 基本的な考えとしては、まず枝となる空間ベクトルのYの値を無視してXZ面で９０度回転し、枝に対して水平に直行…

オブジェクト指向でフラクタルの木を描画する マウスのドラッグで回転する class CG { constructor (canvas, offset = new P2) { this.canvas = canvas; this.offset = offset; this.ctx = canvas.getContext ('2d'); canvas.width = canvas.clientWidth; ca…

マウスでドラッグすると回転します { class CG { constructor (canvas, offset = new P2) { this.canvas = canvas; this.offset = offset; this.ctx = canvas.getContext ('2d'); canvas.width = canvas.clientWidth; canvas.height = canvas.clientHeight; …