読者です 読者をやめる 読者になる 読者になる

not good but great

プログラミング、アート、映画・本の感想について書きます。

Paper.jsでnormalizeして単位ベクトルを作成する

Javascript Paper.js

単位ベクトルの作成

単位ベクトルの作成はベクトルで何かやりたいときには役に立つと思います。特にベクトルの方法だけ知りたくて、長さは別に定義したいときなどに使われるのではないでしょうか。
・ドキュメント
http://paperjs.org/tutorials/geometry/vector-geometry/

normalize()を使う

var vector = new Point(100,200);

var normalizedVector = vector.normalize();

以前、THREE.jsを扱ったときも、normalizeで単位ベクトルを作成していました。
CanvasRendererを用いたパーティクル描画で数Bの空間ベクトルの知識が役立った話 - not good but great

長さが1になる

console.log(vector.length);//223.60679774997897
console.log(normalizedVector.length);//1

角度は同じ

console.log(vector.angle);//63.43494882292201
console.log(normalizedVector.angle);//63.43494882292201