キーボードの様子をチェックするkeyChecker.js
ベクトルのオブジェクトを定義しているvector.js
テーブルタグを動的に生成しつつ、セルの背景色を逐次塗り替えてドットを表示するdotCanvas.js
のデモです。
キーボードの左右カーソルキー(またはAかD)を押すと黒いベクトルが回転します。
キーボードのスペースキーを押すと茶色いベクトルが回転します。
黒いベクトルが入射ベクトルで灰色が反射ベクトル、茶色が壁です。
キーボードでうまく動かない場合は、下の各ボタンをクリックすると回転し始めます。
大体以下のようになってます。
・vector.jsに反射した時のベクトルを計算する機能を追加
・vector.jsに各軸の回転を計算する機能を追加
・dotCanvas.jsに直線を表示する機能を追加