2012-02-07 14 views
1

私は大規模なHTML5キャンバスを使ってボードをレンダリングするタイルベースのゲームプロジェクトに取り組んでいます。HTML5キャンバスのマウスパン方式でウォブル効果を削除するにはどうすればよいですか?

現在、私は可能な限りユーザーエクスペリエンスを向上させるためにバグを洗い流しています。現在、マウスパンスクリプトは方向を切り替えるタイミングを検出すると不幸なウォーブル効果を作り出しています。 e.pageX >= oldx(の過酷なしきい値によって引き起こされている効果を軟化のいずれかの方法は()素晴らしいだろう。すべてのスムーズなキャンバスmousepanスクリプトを追求し、以下のコードを見つけてください!

if (e.pageX >= oldx) { 
scroll.x -= (e.pageX - this.offsetLeft)/45; 

if (scroll.y < 0) { 
    scroll.y = 0; 
}; 

if (scroll.x < 0) { 
    scroll.x = 0; 
}; 

} else { 

scroll.x += (e.pageX - this.offsetLeft)/45; 

if (scroll.y < 0) { 
    scroll.y = 0; 
}; 

if (scroll.x < 0) { 
    scroll.x = 0; 
}; 

} 

if (e.pageY >= oldy) { 
scroll.y -= (e.pageY - this.offsetTop)/45; 

if (scroll.y < 0) { 
    scroll.y = 0; 
}; 

if (scroll.x < 0) { 
    scroll.x = 0; 
}; 

} else { 

scroll.y += (e.pageY - this.offsetTop)/45; 

if (scroll.y < 0) { 
    scroll.y = 0; 
}; 

if (scroll.x < 0) { 
    scroll.x = 0; 
}; 

} 

oldx = e.pageX; 
oldy = e.pageY; 
+0

アニメーションループを投稿することはできますか? –

答えて

0

に本当に知りません

+0

非常にうまくいっています。ありがとうございました。 – user1045965

+0

うれしいことに助けてくれると嬉しかったです。 –

関連する問題