2
私はこのキャンバスを水平にしました。しかし、私が達成したいのは垂直波です。値をxからyに変更しようとしましたが、残念ながらそれは機能しませんでした。キャンバス垂直ウェーブ
まずは垂直にしたい。そして、私はこのような正方形を作りたいと思います。しかし、一歩一歩。
ローカルでは波を垂直に作りましたが、この機能からのマウスの動きは機能しませんでした。
function onMouseMove(event) {
var mouseX = event.clientX;
var mouseY = event.clientY;
var xPart;
if(Math.abs(_halfStageHeight - mouseY) < _colRadius) {
if(_allowHitBool){
_mouseYSpeed = mouseY - _oldMouseY;
xPart = Math.floor(mouseX/_particleDistNum);
_particleArray[xPart].yVel = _mouseYSpeed/2;
_allowHitBool = false;
setTimeout(function() {
_allowHitBool = true;
}, 100);
}
}
_oldMouseX = mouseX;
_oldMouseY = mouseY;
}
これは水平な波です。 jsFiddle
はあなたが垂直にキャンバスを90度回転させるように変換を使用することができ、あなたに
_「私は動作しませんでしたという残念なのxからyに値を変更しようとしましたが、」 _ - 幅/高さはどうですか?たとえば、上のスニペットでは、 'Math.abs(_halfStageHeight - mouseY)'を持っています - それを外すのにも意味があります(その他の可能性もあります)。 – CBroe