2011-08-16 9 views
0

私はJavascriptでゲームを構築しようとしていますが、私がやりたいことに適したチュートリアルやソースコードが見つからないようです。準シンプルなjavascriptゲームを作成するのに助けが必要です

理論的には、画面上のボタンを押してオブジェクトをスクリーン上に移動させ、最終的には何かに衝突させることで、オブジェクトを画面上に生成する方法が必要です。

私は最初の2つの部分が比較的簡単だと思っていましたが、どうやってそれを行うのか分かりません。私はこれが最初に信じたよりもはるかに複雑になると思っていますが、私はこれが当てはまらないことを願っています。

だから、私がこのプロジェクトを地面から手放すのを手伝ってくれたら助けになるどんな助けも大いにありがとう!

+3

あなたが試したことを私たちに見せてください。さもなければ、私たちはおそらくあなたを助けません。 – sosborn

+1

また、これはゲーム開発でもっとうまくいくかもしれません。 –

+0

@Sosborn、私はコードを見つけようとしましたができません。私は完全な損失にあります。私は本当に悪意のある解答のためにGoogleを検索された正しい用語を知らない!私はオブジェクトを生成する関数が本当に必要です。手がかりはありません。 – Poggins

答えて

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> 
関連する問題