みなさんベクトルをプログラムで活用していますか? 学校で学んで以来、縁が無くなった方も多いかと思いますが、実は3Dコンテンツの制作においてベクトルは役に立つ概念なんです。本記事ではThree.jsとベクトルの基礎である足し算・引き算を使った座標の計算方法を紹介します。 ベクトルと聞くだけで拒絶するエンジニアもいると思いますが、心配いりません。Three.jsが煩わしい計算をすべておこなってくれるので、ベクトルの性質だけ覚えれば誰でも扱えるようになります。基本からおさらいし、実際にThree.jsでどのようにベクトルを扱っていくか学んでいきましょう。 ベクトルを使った3Dのデモの紹介 本題に入る前にベクトルを使ったデモを作成したので紹介します。今回は以下のような物体を追従するカメラをベクトルを使って実装しています。サンプルコードもGitHubにアップしているので参考ください。 デモを別ウイン
![WebGL開発に役立つベクトルの足し算・引き算 (Three.js編) - ICS MEDIA](https://cdn-ak-scissors.b.st-hatena.com/image/square/359c8bbf9337d1c8d23ea3b40d8ff1e6a4699c77/height=288;version=1;width=512/https%3A%2F%2Fics.media%2Fentry%2F15043%2Fimages%2Feyecatch.jpg)