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

No:1886

150

←

Prev Next

→

A game about raising pet animals. First, you choos..ALL
Developer User3194｜Date and time 23/6/19 12:43:38
Build time 23.918 sec｜Game capacity 1.861KB｜

Script

It is a nurturing game called It can be operated with a smartphone and、It uses a lot of pictograms. Below is the actual program.

Pettos Nurturing Games

Enter the name of the Petto:.

In this nurturing game、When you first enter your pets name、The size and strength of that pet will be displayed. When you press the Feed button.、The size of the pet is increased by 0.5. When you press the Fight button.、The pets strength is increased by 1. When fed, the pet becomes huge and、The pet is set up to get stronger when you make it fight. It can be operated with a smartphone.、The use of many pictograms is used to depict pets in a cute way.

←

Prev　Next

→ 　

Back　

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

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

という育成ゲームです。スマホで操作可能で、絵文字を多用しています。以下が実際のプログラムです。

<!DOCTYPE html>
<html>
<head>
<title>Pettoの育成ゲーム</title>
<meta charset="UTF-8">
<style>
body {
  font-family: sans-serif;
  text-align: center;
  background-color: #dff9fb;
}
h1 {
  color: #e74c3c;
}
button {
  margin: 5px;
  padding: 10px;
  border-radius: 5px;
  border: none;
  background-color: #f7dc6f;
  color: #2980b9;
  font-size: 1.2em;
}
</style>
</head>
<body>
<h1>Pettoの育成ゲーム</h1>
<p>
  Pettoの名前を入力してください:
  <input type="text" id="nameInput">
</p>
<button id="feedButton" onclick="feedPet()">餌をあげる</button>
<button id="fightButton" onclick="fightPet()">戦わせる</button>
<p id="statusText"></p>
<script>
var petName;
var petSize = 1;
var petStrength = 1;

function feedPet() {
  petSize += 0.5;
  updateStatusText();
}

function fightPet() {
  petStrength += 1;
  updateStatusText();
}

function updateStatusText() {
  var statusText = `${petName}: サイズ ${petSize}, 強さ ${petStrength}`;
  document.getElementById("statusText").textContent = statusText;
}

document.getElementById("nameInput").addEventListener("change", function() {
  petName = this.value;
  updateStatusText();
});
</script>
</body>
</html>

この育成ゲームでは、最初にペットの名前を入力すると、そのペットのサイズと強さが表示されます。餌をあげるボタンを押すと、ペットのサイズが0.5増えます。戦わせるボタンを押すと、ペットの強さが1増えます。餌をあげるとペットが巨大化し、戦わせるとペットが強くなるという設定になっています。スマホでも操作可能で、絵文字を多用してペットをかわいらしく描写しています。