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

我想在Javascript中构建一个游戏，但似乎无法找到适合我想做的教程或源代码，它们要么太简单，要么太复杂。需要帮助制作一个半简单的JavaScript游戏

从理论上讲，我只需要知道如何通过按下屏幕上的按钮来生成屏幕上的对象（即子弹），使对象在屏幕上移动，并最终与某物发生冲突。

我认为前两部分会比较容易，但我不知道如何去做。我开始认为这比我第一次相信会复杂得多，但我希望事实并非如此。

所以是的，任何帮助我帮助我将这个项目推出地面将非常感激！

来源

2011-08-16 Poggins

告诉我们你已经尝试过，否则我们不可能帮你。 – sosborn

此外，这可能会更好地在游戏开发 –

@Sosborn，我试图找到代码，但不能。我处于全面亏损状态。我真的不知道正确的术语，它使搜索Google的答案成为一场噩梦！我只是真的需要一个函数来产生一个对象，我没有线索...... – Poggins

<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>

来源

2011-11-20 23:21:15 Boundless

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

回答

相关问题