Я создаю простую игру, и я застрял в настоящее время над чем-то, у меня есть div, называемый «ящик», а изображение внутри него называется «Парашют», когда игра начинается с парашюта, должна двигаться случайным образом внутри границы DIVсделать изображение перемещаться внутри div случайным образом
мой код:
<div id="box">
</div>
<script type="text/javascript">
var ToAppend = "<img src='Parachute.gif' width='25px' height='25px' class='Parachute' /> ";
setInterval(function() {
for (var i = 1; i <= 2; i++) {
$("#box").append(ToAppend);
MoveParticles();
}
}, 3000);
function MoveParticles() {
$(".Parachute").each(function() {
var x = Math.floor(Math.random() * 400);
var y = Math.floor(Math.random() * 400);
$(this).animate({ "left": x + "px" }, "slow");
$(this).animate({ "top": y + "px" }, "slow");
});
}
<script>
Я бы сделал изображение внутри холста. Использование изображений на самом деле не рекомендуется. – dotTutorials