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

No:2349

2543

←

Prev Next

→

trauma boss
Developer User3544｜Date and time 23/6/21 1:01:19
Build time 20.186 sec｜Game capacity 1.747KB｜

Script

トラウマボス

※このコードはクリックすると画像が変わるだけの簡単なゲームを想定しています。このアプリは「トラウマボス」というタイトルのゲームで、ボスの画像をクリックしてスコアを稼ぐというものです。スタートボタンをクリックすることでゲームが開始され、30秒後にタイムアップとなります。スコアはクリックした回数によって加算されます。ゲーム中はスマホでも操作が可能であり、絵文字も多用されています。

←

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">
	<script>
		var score = 0;
		var timer;
		
		function startGame(){
			var button = document.getElementById("startButton");
			button.style.display = "none";
			
			var gameArea = document.getElementById("gameArea");
			gameArea.style.display = "block";
			
			timer = setInterval(function(){
				score++;
				var scoreDiv = document.getElementById("score");
				scoreDiv.innerHTML = "SCORE: " + score;
			}, 1000);
			
			var boss = document.getElementById("boss");
			boss.addEventListener("click", function(){
				score += 10;
				var scoreDiv = document.getElementById("score");
				scoreDiv.innerHTML = "SCORE: " + score;
			});
			
			var timeUp = setTimeout(function(){
				clearInterval(timer);
				alert("TIME UP! YOUR SCORE: " + score);
				location.reload();
			}, 30000);
		}
	</script>
</head>
<body>
	<h1>トラウマボス</h1>
	
	<button id="startButton" onclick="startGame()">START GAME</button>
	
	<div id="gameArea" style="display: none;">
		
		<h2 id="score">SCORE: 0</h2>
		
		<img id="boss" src="boss.png" onclick="boss.src='deadboss.png';">
		
	</div>
	
</body>
</html>

※このコードはクリックすると画像が変わるだけの簡単なゲームを想定しています。

このアプリは「トラウマボス」というタイトルのゲームで、ボスの画像をクリックしてスコアを稼ぐというものです。スタートボタンをクリックすることでゲームが開始され、30秒後にタイムアップとなります。スコアはクリックした回数によって加算されます。ゲーム中はスマホでも操作が可能であり、絵文字も多用されています。