AI game creator

Click here for free DL of the app version that can save data.

No:24704

←

Prev Next

→

Rocket
Developer User11332｜Date and time 23/11/11 13:30:56
Build time 49.651 sec｜Game capacity 2.19KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋ゲームアプリランキング

Click here for free DL of the app version that can save data.

<!DOCTYPE html>
<html>
<head>
	<title>Rocket Game</title>
</head>
<body>
	<canvas id="gameCanvas" width="400" height="400"></canvas>
	
	<script>	
		// Mendapatkan elemen canvas
		var canvas = document.getElementById("gameCanvas");
		var ctx = canvas.getContext("2d");
		
		// Menggambar roket sebagai pictogram
		var rocketImg = new Image();
		rocketImg.src = "rocket.png";
		
		// Inisialisasi posisi roket
		var rocketX = canvas.width / 2;
		var rocketY = canvas.height - 80;
		
		// Inisialisasi kecepatan roket
		var rocketSpeedX = 0;
		var rocketSpeedY = 0;
		
		// Menangkap aksi pemain
		document.addEventListener("keydown", keyDownHandler, false);
		document.addEventListener("keyup", keyUpHandler, false);
		
		function keyDownHandler(event) {
		    if(event.key === "ArrowRight") {
		        rocketSpeedX = 5;
		    }
		    else if(event.key === "ArrowLeft") {
		        rocketSpeedX = -5;
		    }
		    else if(event.key === "ArrowUp") {
		        rocketSpeedY = -5;
		    }
		    else if(event.key === "ArrowDown") {
		        rocketSpeedY = 5;
		    }
		}
		
		function keyUpHandler(event) {
		    if(event.key === "ArrowRight" || event.key === "ArrowLeft") {
		        rocketSpeedX = 0;
		    }
		    else if(event.key === "ArrowUp" || event.key === "ArrowDown") {
		        rocketSpeedY = 0;
		    }
		}

// Menggambar objek pada canvas
		function draw() {
		    ctx.clearRect(0, 0, canvas.width, canvas.height);
		    ctx.drawImage(rocketImg, rocketX, rocketY, 40, 80);
		}

// Membuat loop game
		function gameLoop() {
		    draw();
		    
		    // Update posisi roket
		    rocketX += rocketSpeedX;
		    rocketY += rocketSpeedY;
		    
		    // Memastikan roket berada di dalam area canvas
		    if(rocketX < 0) {
		        rocketX = 0;
		    }
		    else if(rocketX + 40 > canvas.width) {
		        rocketX = canvas.width - 40;
		    }
		    
		    if(rocketY < 0) {
		        rocketY = 0;
		    }
		    else if(rocketY + 80 > canvas.height) {
		        rocketY = canvas.height - 80;
		    }
		    
		    // Memanggil recursive function untuk mengulang gameLoop
		    requestAnimationFrame(gameLoop);
		}
		
		// Memulai game
		gameLoop();
	</script>
</body>
</html>