AI game creator

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

No:2032

2362

←

Prev Next

→

Yoga Games
Developer User3025｜Date and time 23/6/19 21:17:16
Build time 37.84 sec｜Game capacity 2.2KB｜

Script

【ヨガゲームの概要】このゲームは、ヨガポーズを操作してスコアを競うゲームです。ゲーム画面に表示されるヨガポーズは、タップすることで上昇します。ヨガポーズを上手に上昇させ、画面外に出る前にスコアを稼いでください。ヨガポーズが画面外に出た場合、ゲームオーバーとなります。ゲームオーバー後は、画面を再読み込みして再挑戦してください。

←

Prev　Next

→ 　

Back　

[PR]現在の本の売れ筋ランキング

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

<!DOCTYPE html>
<html lang="ja">
<head>
	<title>ヨガゲーム</title>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<style>
		#canvas {
			display: block;
			margin: 0 auto;
			background-color: white;
		}
	</style>
</head>
<body>
	<canvas id="canvas" width="400" height="800"></canvas>

// 背景画像の設定
		const bgImage = new Image();
		bgImage.src = "background.png";

// ヨガポーズ画像の設定
		const poseImage = new Image();
		poseImage.src = "pose.png";

// ヨガポーズの初期位置
		let poseX = 150;
		let poseY = 600;

// ヨガポーズの動きを制御する変数
		let poseSpeed = 0;
		let poseAcc = 0.05;

// タッチイベントによる操作
		canvas.addEventListener("touchstart", function (event) {
		    // スマホの上部をタップした場合、ヨガポーズを上昇するように設定
			if (event.targetTouches[0].pageY < 400) {
				poseSpeed = -1.5;
			}
		});

// ゲームループ
		function gameLoop() {
			// 背景画像の描画
			ctx.drawImage(bgImage, 0, 0, canvas.width, canvas.height);

// ヨガポーズの描画
			ctx.drawImage(poseImage, poseX, poseY, 100, 100);

// ヨガポーズの動きの制御
			poseY += poseSpeed;
			poseSpeed += poseAcc;

// ヨガポーズが画面外に出た場合、ゲームオーバー
			if (poseY > 800) {
				alert("ゲームオーバー！");
				location.reload();
			}

// 60fpsで描画を繰り返す
			requestAnimationFrame(gameLoop);
		}
		gameLoop();
	</script>
</body>
</html>

【ヨガゲームの概要】
このゲームは、ヨガポーズを操作してスコアを競うゲームです。ゲーム画面に表示されるヨガポーズは、タップすることで上昇します。ヨガポーズを上手に上昇させ、画面外に出る前にスコアを稼いでください。ヨガポーズが画面外に出た場合、ゲームオーバーとなります。ゲームオーバー後は、画面を再読み込みして再挑戦してください。