この隠された html ゲームのチート/自動移動パドルはどのように見えますか?
があります
<div id="breakout-ball"><span>●</span></div>
そして
<div id="breakout-paddle"></div>
マウスを動かすと、パドルが水平に移動します。ボールの動きをパドルとどのように結びつけることができますか?
この質問は、できるだけ早く「コミュニティ wiki」になります。
この隠された html ゲームのチート/自動移動パドルはどのように見えますか?
があります
<div id="breakout-ball"><span>●</span></div>
そして
<div id="breakout-paddle"></div>
マウスを動かすと、パドルが水平に移動します。ボールの動きをパドルとどのように結びつけることができますか?
この質問は、できるだけ早く「コミュニティ wiki」になります。
この問題を解決する新しい方法を思いつきました。画面サイズまたはウィンドウ サイズが変更されるたびに、パドルは画面サイズに基づいてサイズが変更されます。これに対処するために、パドルのサイズを半分に分割し、その値を使用してパドルの中心を見つける別のセクションを追加しました。非常にシンプルで非常に効果的です。
function autoMove() {
var ball = document.getElementById('breakout-ball')
var paddle = document.getElementById('breakout-paddle')
var leftVal = parseInt(ball.style.left, 10)
var paddleWidth = parseFloat(paddle.style.width, 10) / 2
paddle.style.left = (leftVal - paddleWidth) + 'px'
setTimeout(autoMove, 20)
}
autoMove();
また、関数名が好きではありませんでした。怪しすぎるので変更。お役に立てれば。