HTMLでクォータニオン(quaternion) (1回目)
2021/7/3(土)
HTMLでクォータニオン(quaternion) (1回目)
(by ULproject for HTML,JavaScript,canvas)
行列(matrix)の代わりに四元数(しげんすう)
(quaternion)を使用して見ました。
以後、四元数と行列を大文字、それ以外を
小文字で表します
このシリーズは、プログラムを出来るだけ似せて
移植していますので、解説を省略しています
式などに関する説明も省略していますので
詳しくは
N88-BASICでクォータニオン(quaternion) (1回目)
を見てください
HTML,JavaScript,canvasは、使い慣れていない
ため、不具合などが多々あると思いますが、
ご了承ください
JavaScriptでは、
Q[0]~Q[3]で回転四元数
Q[4]~Q[7]で並進四元数
として
複合四元数を表現しています
blg~.zip(quad001.html)は
以下のリンクからダウンロードできます
Readme.txtを読んで遊んで下さい
操作方法
//----------------------------------------------------------------------
// 1 2 | 1モデルモード 2ビューモード
// |
// p @ [ enter | p左傾き @上に移動 [右傾き enter初期位置へ
// ; : ] | ;左に移動 :下に移動 ]右に移動
// |
// ↑ | ↑機首下げ
// ← ↓ → | ←左旋回 ↓機首上げ →右旋回
// |
// / \(_) +shift| /後進 \(_)前進 +shiftで速く移動
//----------------------------------------------------------------------
// 1 2 | 1モデルモード 2ビューモード
// |
// p @ [ enter | p左傾き @上に移動 [右傾き enter初期位置へ
// ; : ] | ;左に移動 :下に移動 ]右に移動
// |
// ↑ | ↑機首下げ
// ← ↓ → | ←左旋回 ↓機首上げ →右旋回
// |
// / \(_) +shift| /後進 \(_)前進 +shiftで速く移動
//----------------------------------------------------------------------
次回