AI game creator

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

No:2026

1241

←

Prev Next

→

Tummy soon game
Developer もちきなこ｜Date and time 23/6/19 20:49:03
Build time 19.521 sec｜Game capacity 2.723KB｜

Script

「お腹アクションゲーム」を作りました。概要：プレイヤーは、画面に表示される「お腹がすいた！」というメッセージを見て、スマホを上下に大きく揺らすことで、キャラクターを食事に導きます。食事をすることでお腹が満たされ、スコアが加算されます。ただし、時間制限があり、食事を探し出すための時間が少なくなると、画面が青くなり、お腹が空いている状態に戻ってしまいます。 HTMLファイル：

お腹がすいた！

※画像ファイルは適宜準備してください。操作方法：スマホを上下に大きく揺らす ※制限時間は10秒ですが、変更したい場合は、count変数の値を変更してください。また、食事アイテムの追加などは自由に行ってください。

←

Prev　Next

→ 　

Back　

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

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

「お腹アクションゲーム」を作りました。

概要：プレイヤーは、画面に表示される「お腹がすいた！」というメッセージを見て、スマホを上下に大きく揺らすことで、キャラクターを食事に導きます。食事をすることでお腹が満たされ、スコアが加算されます。ただし、時間制限があり、食事を探し出すための時間が少なくなると、画面が青くなり、お腹が空いている状態に戻ってしまいます。

HTMLファイル：

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>お腹アクションゲーム</title>
	<style>
		body{
			background-color: #ffcccc;
			text-align: center;
			font-size: 30px;
			padding-top: 30%;
		}
		img{
			height: 150px;
			margin-top: 20px;
		}
	</style>
	<script>
		function init(){
			var score = 0;
			var count = 10;
			var timerID = setInterval(function(){
				if(count == 0){
					clearInterval(timerID);
					alert("スコア：" + score);
					location.reload();
				}
				else{
					count--;
					var food = Math.floor(Math.random()*4)+1;
					switch(food){
						case 1:
							document.getElementById("food").src = "hamburger.png";
							break;
						case 2:
							document.getElementById("food").src = "sushi.png";
							break;
						case 3:
							document.getElementById("food").src = "curry.png";
							break;
						case 4:
							document.getElementById("food").src = "pasta.png";
							break;
					}
					setTimeout(function(){
						if(document.getElementById("food").src.indexOf("empty") > 0){
							document.body.style.backgroundColor = "#00ccff";
							document.getElementById("message").innerHTML = "もう遅い...";
							setTimeout(function(){
								document.body.style.backgroundColor = "#ffcccc";
								document.getElementById("message").innerHTML = "お腹がすいた！";
							}, 1000);
						}
						else{
							document.getElementById("food").src = "empty.png";
							score += Math.floor(Math.random()*5)+1;
						}
					}, Math.floor(Math.random()*3000)+1000);
				}
			}, 1000);
			window.addEventListener("devicemotion", function(e){
				if(e.accelerationIncludingGravity.y > 20){
					document.getElementById("food").src = "empty.png";
				}
			});
		}
	</script>
</head>
<body onload="init()">
	<div id="message">お腹がすいた！</div>
	<img src="empty.png" id="food">
</body>
</html>

※画像ファイルは適宜準備してください。

操作方法：スマホを上下に大きく揺らす

※制限時間は10秒ですが、変更したい場合は、count変数の値を変更してください。また、食事アイテムの追加などは自由に行ってください。