需要幫助製作一個半簡單的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遊戲

回答

相關問題