Question

我正在尝试使用Javascript构建游戏，但似乎无法找到适合我想要做的教程或源代码，它们太简单或太复杂。

理论上，我需要知道的是如何通过按屏幕上的按钮在屏幕上产生一个物体（即子弹），使该物体在屏幕上移动，并最终与某些东西发生碰撞。

我认为前两部分相对容易，但我不知道如何做到这一点。我开始认为这比我最初认为的要复杂得多，但我希望事实并非如此。

所以，是的，帮助我让这个项目开始的任何帮助都将非常感激！

Answer 1

 <html>
<script type="text/javascript">
var bulletMovement;
var bulletCounter = 0;

function startGame(){
// set the location of the bullet in the style tag
var newNode = document.createElement("<img src=\"bullet.jpg\" alt=\"bullet\" width:20px height:20px; style=\"position:absolute; left:200px;\" />");
newNode.id = "bullet" + bulletCounter; // unique id to keep track of bullets
document.getElementById("game").appendChild(newNode);
bulletMovement = window.setInterval("moveBullet(" + bulletCounter++ +")",100); // move bullet every 1/10 second
}

function moveBullet(bulletId){
var left = parseInt(document.getElementById("bullet"+bulletId).style.left);
if(left < -20)
    window.clearInterval(bulletMovement); // stop moving the bullet if it is off the screen
    document.getElementById("bullet"+bulletId).style.left = left - 5;
}

</script>
<body onload="startGame()">

<div id="game" style="width:200px; height:200px; border-style:solid; border-width:1px; border-color:black">&nbsp;</div>
</body>
</html>

需要帮助制作一个半简单的JavaScript游戏

1 个答案: