AI game creator

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

No:517

416

←

Prev Next

→

eggcotch
Developer User3044｜Date and time 23/6/15 5:47:08
Build time 36.264 sec｜Game capacity 2.659KB｜

Script

This program is designed to、You can play as Tamagotchi by entering its name. It shows how hungry you are and、The value changes as they are fed and played with. If they are too hungry, ⚰️ dead... is displayed and、It will not be operable. Make it as easy to operate the phone as possible.、I used more pictograms.

←

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 {
			text-align: center;
			background-color: #F0E68C;
			font-size: 1.5em;
		}

#container {
			display: inline-block;
			background-color: #FFFACD;
			border: 10px solid #FFA07A;
			padding: 30px;
			border-radius: 20px;
			box-shadow: 2px 2px 2px #000;
		}

#name {
			font-size: 2em;
			font-weight: bold;
			margin-bottom: 20px;
		}

#hunger {
			margin-bottom: 10px;
		}

#buttons button {
			background-color: #FFB6C1;
			color: #FFF;
			border: none;
			padding: 10px 20px;
			margin: 10px;
			border-radius: 10px;
			box-shadow: 1px 1px 1px #000;
			font-size: 1.2em;
		}

#status {
			margin-top: 20px;
			font-size: 1.2em;
			font-weight: bold;
		}
	</style>
	<script>
		let name = prompt("名前を入力してください");
		let hunger = 50;
		let timer;

function feed() {
			hunger += 20;
			document.getElementById("hunger").textContent = "お腹の空き具合：" + hunger;
			document.getElementById("status").textContent = "😋お腹がいっぱいになった！";
		}

function play() {
			hunger -= 10;
			document.getElementById("hunger").textContent = "お腹の空き具合：" + hunger;
			document.getElementById("status").textContent = "🤪楽しかった！";
		}
	</script>
</head>
<body>
	<div id="container">
		<h1 id="name"></h1>
		<p id="hunger"></p>
		<div id="buttons">
			<button onclick="feed()">🍎食べさせる</button>
			<button onclick="play()">🏀遊ばせる</button>
		</div>
		<p id="status"></p>
	</div>
</body>
</html>

このプログラムは、名前を入力するとたまごっちとして遊べます。お腹の空き具合が表示され、食べさせたり遊ばせたりすることで値が変化します。お腹が空き過ぎると「⚰️死んでしまった...」と表示され、操作ができなくなります。なるべくスマホでも操作しやすいようにし、絵文字を多めに使いました。