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

No:3568

3155

←

Prev Next

→

Games you can make
Developer User3660｜Date and time 23/6/25 16:43:35
Build time 24.829 sec｜Game capacity 2.257KB｜

Script

は、ジャンプアクションゲームです。以下は、採用例の一部です。

ジャンプアクションゲーム

←

Prev　Next

→ 　

Back　

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

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

は、ジャンプアクションゲームです。

以下は、採用例の一部です。

<!DOCTYPE html>
<html>
<head>
	<title>ジャンプアクションゲーム</title>
</head>
<body>
	<h1>ジャンプアクションゲーム</h1>
	<canvas id="gameCanvas"></canvas>
	<script>
		// ゲーム画面のサイズを定義
		var canvasWidth = 320;
		var canvasHeight = 480;

// キャラクターのサイズを定義
		var charWidth = 32;
		var charHeight = 32;

// キャラクターの初期座標を定義
		var charX = canvasWidth / 2 - charWidth / 2;
		var charY = canvasHeight - charHeight - 10;

// ジャンプ力を定義
		var jumpPower = 10;

// キーボード入力を取得するための変数を定義
		var isKeyDown = {};

// ゲーム画面を描画するための関数を定義
		function drawGame() {
			// ゲーム画面をクリアする
			ctx.clearRect(0, 0, canvasWidth, canvasHeight);

// キャラクターを描画する 
			ctx.fillStyle = "yellow";
			ctx.fillRect(charX, charY, charWidth, charHeight);
		}

// キャラクターをジャンプさせるための関数を定義
		function jump() {
			charY -= jumpPower;
		}

// キーボードの入力状態を取得するための関数を定義
		function onKeyDown(event) {
			isKeyDown[event.key] = true;
		}

function onKeyUp(event) {
			isKeyDown[event.key] = false;
		}

// ゲームループを定義する
		function gameLoop() {
			// キー入力に応じてキャラクターを移動する
			if (isKeyDown["ArrowLeft"]) {
				charX -= 5;
			}
			if (isKeyDown["ArrowRight"]) {
				charX += 5;
			}
			if (isKeyDown["ArrowUp"]) {
				jump();
			}

// ゲーム画面を描画する
			drawGame();

// ゲームループを再帰的に呼び出す
			requestAnimationFrame(gameLoop);
		}

// ゲーム画面を初期化する
		var canvas = document.getElementById("gameCanvas");
		canvas.width = canvasWidth;
		canvas.height = canvasHeight;
		var ctx = canvas.getContext("2d");

// キーボード入力のイベントリスナーを登録する
		document.addEventListener("keydown", onKeyDown);
		document.addEventListener("keyup", onKeyUp);

// ゲームループを開始する
		gameLoop();
	</script>
</body>
</html>