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

No:2000

3562

←

Prev Next

→

The Story of Izumi Takemotos Dream
Developer AI絵師｜Date and time 23/6/19 17:55:51
Build time 42.364 sec｜Game capacity 3.632KB｜

Script

🎋夢の竹本泉の物語🎋

操作方法：スマホの画面をタップしてジャンプ！

スコア：0

タップしてスタート！

このアプリは「夢の竹本泉の物語」というタイトルのゲームです。プレイヤーは竹本泉というキャラクターを操作して、画面をタップすることで跳ぶことができます。障害物（緑色のブロック）を避けて、できるだけ長く進んでいきます。障害物に触れてしまうとゲームオーバーです。スコアを表示しており、リトライすることができます。

←

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">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<style>
		body {
			font-size: 24px;
			text-align: center;
		}
		.emoji {
			font-size: 32px;
		}
		#msg {
			margin-top: 20px;
			margin-bottom: 20px;
		}
		#btn {
			background-color: #4CAF50;
 			border: none;
 			color: white;
 			padding: 20px;
 			text-align: center;
 			text-decoration: none;
 			display: inline-block;
 			font-size: 32px;
 			border-radius: 10px;
 			margin-top: 20px;
		}
	</style>
</head>
<body>
	<h1><span class="emoji">🎋</span>夢の竹本泉の物語<span class="emoji">🎋</span></h1>
	<h2>操作方法：スマホの画面をタップしてジャンプ！</h2>
	<h3>スコア：<span id="score">0</span></h3>
	<div id="container"></div>
	<p id="msg">タップしてスタート！</p>
	<button id="btn" onclick="startGame()">スタート</button>
	<script>
		var score = 0;
		var character;
		var interval;
		var container = document.getElementById("container");
		var msg = document.getElementById("msg");

function startGame() {
			score = 0;
			container.innerHTML = "";
			msg.innerHTML = "";
			document.getElementById("score").innerHTML = score;
			character = document.createElement("div");
			character.style.position = "absolute";
			character.style.left = "10px";
			character.style.bottom = "50px";
			character.style.width = "50px";
			character.style.height = "50px";
			character.style.backgroundColor = "red";
			container.appendChild(character);
			interval = setInterval(function() {
				score++;
				document.getElementById("score").innerHTML = score;
			}, 100);
			document.addEventListener("click", jump);
		}

function jump() {
			character.style.bottom = parseInt(character.style.bottom) + 50 + "px";
		}

document.addEventListener("keydown", function(event) {
			if (event.keyCode === 32) {
				jump();
			}
		});

function endGame() {
			clearInterval(interval);
			document.removeEventListener("click", jump);
			msg.innerHTML = "スコア：" + score + "<br>タップしてリトライ！";
			container.innerHTML = "";
		}

var obstacles = [];

setInterval(function() {
			var random = Math.random();
			if (random < 0.5 && obstacles.length < 3) {
				createObstacle();
			}
		}, 1500);
	</script>
</body>
</html>