オイラー角
この文書は「よくわかる解析力学」【東京図書】の付録C.2.2節（344ページ）で説明しているオイラー角を動く図を使って説明したものです。 webGLという3Dのライブラリが動かないブラウザ環境では遅くなる場合があります。できるかぎり、webGLの使える環境で動かしてください。 剛体の運動を考えるとき、剛体が今どのような位置関係を持っているかを3つの角度を使って表現するのが「オイラー角」である。3つの角度を表す記号としてφ、θ、ψを使おう。passiveな変換、すなわち座標系の方を回す変換として説明する。図に示したように座標軸の向きを変える。下の図では、その三つの角度を変更して、どういう変換を行っているかをアニメーションで見ることができる。 回転の向きはすべて右ねじが軸の方向に進むときに右ねじが回る向きである。 x軸、y軸、z軸を回転させるパラメータがφ、θ、ψである。 φは、元々のz軸を軸
WebGL開発に役立つベクトルの外積 (Three.js編) - ICS MEDIA
この記事は前回の「WebGL開発に役立つベクトルの内積 (Three.js編)」の続編です。前回はベクトルの内積を勉強しましたが、今回は外積について紹介します。外積は高校までの数学では学んでいないと思いますが、本記事では簡潔に要点だけを解説するので安心してください。外積は衝突判定や、光の表現など、3Dコンテンツ制作において重要なさまざまな場面で活躍します。一緒に外積について学び、外積をThree.jsでどう応用していくかを学んでいきましょう。 外積を使った3Dのデモの紹介 本題に入る前に外積を使ったデモを作成したので紹介します。今回は以下のようなトロッコがレールに沿って走る処理を外積を使って実装しています。サンプルコードもGitHubにアップしているので参考にしてください。 デモを別ウインドウで再生する ソースコードを確認する ※このデモはThree.js(r141)で作成しています。 外
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Introduction – A-Frame
three.js docs
