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

No:2338

1867

←

Prev Next

→

Dog breeding game in ASCII art
Developer はいき｜Date and time 23/6/20 23:52:54
Build time 38.26 sec｜Game capacity 2.663KB｜

Script

We have created a dog training game! The following is the implementation of the program.

Dog Raising Game

In this game.、Manage your dogs happiness and hunger, and、The player can choose one of four options to raise the dog: Play, Feed, Pet, or Scold. Depending on the action the player chooses, the、The dogs ASCII art and happiness and hunger levels change. When the happiness or hunger level falls below a certain value, the、Game over. Also.、With the Game Over sign、The buttons for the choices are hidden to prevent the game from continuing. Can the player raise the dog well and keep it healthy?、Try it!

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいものランキング

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

犬の育成ゲームを作成しました！以下がプログラムの実装となります。

<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>Dog Raising Game</title>
	<style>
		body {
			font-size: 1.5rem;
			text-align: center;
			background-color: #f4f4f4;
		}
		#dog {
			font-family: monospace;
			font-size: 3rem;
			margin: 1rem;
		}
		#options {
			display: flex;
			flex-wrap: wrap;
			justify-content: center;
			margin: 1rem;
		}
		button {
			font-size: 1.2rem;
			margin: 0.5rem;
			padding: 0.5rem 1rem;
			border: none;
			border-radius: 0.3rem;
			background-color: #ff9900;
			color: white;
			cursor: pointer;
		}
	</style>
	<script>
		let dog = "(ᵔᴥᵔ)";
		let happiness = 50;
		let hunger = 50;

function play() {
			dog = "(✿◠‿◠)";
			happiness += 5;
			hunger += 5;
			checkStatus();
		}

function feed() {
			dog = "(ᵔᴥᵔ)";
			hunger += 10;
			checkStatus();
		}

function pet() {
			dog = "(＾ｕ＾)";
			happiness += 10;
			checkStatus();
		}

function scold() {
			dog = "(ಠ益ಠ)";
			happiness -= 10;
			checkStatus();
		}
	</script>
</head>
<body>
	<h1>Dog Raising Game</h1>
	<div id="dog"></div>
	<div id="status">
		<p id="happiness"></p>
		<p id="hunger"></p>
	</div>
	<div id="options">
		<button onclick="play()">Play</button>
		<button onclick="feed()">Feed</button>
		<button onclick="pet()">Pet</button>
		<button onclick="scold()">Scold</button>
	</div>
	<p id="gameover"></p>
	<script>
		checkStatus();
	</script>
</body>
</html>

このゲームでは、犬の幸福度と空腹度を管理し、プレイヤーが「Play」「Feed」「Pet」「Scold」の4つの選択肢から1つを選んで犬を育てることができます。プレイヤーが選択した行動に応じて、犬のアスキーアートと幸福度・空腹度が変化します。幸福度や空腹度が一定値以下になると、ゲームオーバーになります。また、「Game Over」の表示とともに、選択肢のボタンを非表示にしてゲームを続けられないようにしています。プレイヤーが犬をうまく育てて健康的に保つことができるか、挑戦してみてください！