マウスの位置に基づいて立方体を回転させています。
マウスは、画面上で常に X 座標と Y 座標を持っています。
jquery .mousemove() を使用してピクセル座標を決定し、次に mousemove 関数内で css のrotate3d 角度を調整してオブジェクトを移動しています。
これはすべて正常に機能していますが、x と y の位置に基づいてオブジェクトを移動したいと思います。理想的にはそうです..
'-webkit-transform': 'rotate3d(1,0,0,'+angleX+'deg)',
'-webkit-transform': 'rotate3d(0,1,0,'+angleY+'deg)',
しかし、それはもちろんうまくいきません。
両方の軸を同時に異なる量回転させるにはどうすればよいですか?