WebGL開発に役立つ重要な三角関数の数式・概念まとめ （Three.js編） - ICS MEDIA

3Dコンテンツの制作において「三角関数は必須」とよく聞きます。ウェブサイト制作で三角関数を使う場面はほとんどありませんが、WebGLの勉強をすすめると3Dでは三角関数を使う場面が多いことに気づきます。本記事では3Dコンテンツ制作で使用頻度が多い基本的な数式と概念をまとめました。 今回解説する内容は地味ですが、ゲームやデータビジュアライゼーションを作る上でこの数式が基本となってきます。高校数学で学んだことをベースに、3つのサンプルを通して学習できるようまとめましたので、ぜひ最後までお付き合いください。WebGLの人気ライブラリの1つ「Three.js」を使って解説しています。 三角関数を使ったデモの紹介 まずは、本題に入る前に三角関数を使ったデモを作成したので紹介します。次のリンクをクリックしてご覧ください。 デモを別ウインドウで再生する ソースコードを確認する 地球をモチーフにしたサンプル

[ozmaLee]

後で、他の言語で実装してみる。

[animist]

次

[extendskick]

expressing the earth

[tomo31415926563]

高校数学では三角関数を学んだらすぐに各種公式のテクニカル方向に進むので、「三角関数は射影の長さを求めるためにある」という基本を忘れてしまう人多い。(対数も同様)

[VoQn]

必須ゆえに暗記してないと時折忘れてしまってること多し

[securecat]

うう、三角関数アレルギーが

[nitoyon]

三角関数、クオータニオンの実例。

[tonkotsuboy_com]

これはわかりやすい