どうぶつスクールシミュレーターアップデート🦁💥

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいものランキング

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

<!DOCTYPE html>
<html>
<head>
	<title>どうぶつスクールシミュレーター アップデート</title>
	<meta charset="utf-8"/>
	<style>
		body {
			margin: 0;
			padding: 0;
			background-color: #e6fff5;
			text-align: center;
		}
		canvas {
			margin: auto;
			display: block;
		}
	</style>
</head>
<body>
	<h1>どうぶつスクールシミュレーター アップデート🦁💥</h1>
	<canvas id="game-canvas" width="480" height="640"></canvas>
	<script>
		// ここにJavaScriptコードを記述
		window.onload = function() {
			var canvas = document.getElementById("game-canvas");
			var ctx = canvas.getContext("2d");
			var lionImage = new Image();
			lionImage.src = "lion.png"; // 画像はご用意ください
			
			var lion = {
				x: (canvas.width / 2) - 50,
				y: canvas.height - 150,
				width: 100,
				height: 100,
				speed: 10,
				draw: function() {
					ctx.drawImage(lionImage, lion.x, lion.y, lion.width, lion.height);
				}
			};
			
			var moveLion = function(e) {
				if (e.keyCode === 37 && lion.x > 0) {
					lion.x -= lion.speed;
				} else if (e.keyCode === 39 && lion.x + lion.width < canvas.width) {
					lion.x += lion.speed;
				} else if (e.keyCode === 32) {
					console.log("ジャンプ！");
				}
			};
			
			document.addEventListener("keydown", moveLion);
			
			var gameLoop = function() {
				ctx.clearRect(0, 0, canvas.width, canvas.height);
				lion.draw();
				requestAnimationFrame(gameLoop);
			};
			
			gameLoop();
		};
	</script>
</body>
</html>

どうぶつスクールシミュレーター アップデート🦁💥

どうぶつスクールシミュレーターアップデート🦁💥