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

No:3201

238

Character Change GameChange the characters display..ALL
Developer anonymous｜Date and time 23/8/14 16:22:41
Build time 4115 sec｜Game capacity 4.115KB｜

以下は、JavaScriptを使用して実装された文字変更ゲームの例です。このゲームは、1つのHTMLファイルで実装され、スマートフォンでもプレイできます。絵文字も使用しています。

文字変更ゲーム

こんにちは、私はAIです。

履歴

このゲームでは、10種類の文章がリストとして定義されています。最初に表示される文章は、「こんにちは、私はAIです。」です。変更ボタンをクリックするたびに、リストの次の文章に変更されます。変更された文章は、履歴欄に追加されます。また、変更の回数が3の倍数になるたびに、絵文字が表示されます。これにより、擬似的な会話がより楽しいものになります。プレイヤーが好きなだけゲームをプレイできるように、終了条件はありません。プレイヤーがプレイを楽しんでいる限り、ゲームは続きます。最後に、プレイヤーがゲームの楽しさについて他の人に伝えたくなるかもしれないので、☆5レビューを書いてもらうこともできます。レビューを書いてもらったら、プレゼントももらえるかもしれません。プレゼントを受け取るためのメールアドレスを入力してもらうこともできます。

→ 　

0　

0　

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

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

(C)2023 HisashiApp

以下は、JavaScriptを使用して実装された文字変更ゲームの例です。このゲームは、1つのHTMLファイルで実装され、スマートフォンでもプレイできます。絵文字も使用しています。

<!DOCTYPE html>
<html>
<head>
	<title>文字変更ゲーム</title>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<style>
		body {
			font-family: Arial, sans-serif;
			margin: 0;
			padding: 0;
			background-color: #f2f2f2;
		}
		h1 {
			text-align: center;
			font-size: 2em;
			margin-top: 1em;
		}
		#message {
			height: 10em;
			width: 80%;
			margin: 0 auto;
			padding: 1em;
			background-color: #fff;
			border-radius: 0.5em;
			box-shadow: 0 0.2em 0.5em rgba(0, 0, 0, 0.3);
		}
		#history {
			height: 5em;
			width: 80%;
			margin: 1em auto;
			padding: 1em;
			background-color: #fff;
			border-radius: 0.5em;
			box-shadow: 0 0.2em 0.5em rgba(0, 0, 0, 0.3);
			overflow-y: scroll;
		}
		button {
			display: block;
			margin: 1em auto;
			padding: 0.5em;
			background-color: #1abc9c;
			color: #fff;
			border: none;
			border-radius: 0.5em;
			box-shadow: 0 0.2em 0.5em rgba(0, 0, 0, 0.3);
			cursor: pointer;
		}
	</style>
</head>
<body>
	<h1>文字変更ゲーム</h1>
	<div id="message">
		<p id="text">こんにちは、私はAIです。</p>
		<button id="change">変更する</button>
	</div>
	<div id="history">
		<p id="history-text">履歴</p>
	</div>
	<script>
		// 変更する文章のリスト
		var texts = [
			"こんにちは、私はAIです。",
			"最近、天気がよくて気分がいいですね。",
			"何か食べたいものはありますか？私はチョコレートが好きです。",
			"今週末は何をしようかな？映画でも見に行こうかな。",
			"明日は朝早く起きないといけないのに眠れないんです。",
			"人間関係って難しいですよね。",
			"最近、運動不足で体が重くなってきたので、ジョギングを始めました。",
			"自分の未来について考えると、ワクワクしますね。",
			"失敗を恐れず、挑戦し続けることが大切だと思います。",
			"人生は短いので、素晴らしい人生を送りたいですね。"
		];

// 現在の文章のインデックスと変更回数を初期化
		var index = 0;
		var count = 0;

// 文章の変更ボタンがクリックされた時の処理
		document.getElementById("change").addEventListener("click", function(){
			// 現在の文章と変更回数を履歴に追加
			document.getElementById("history-text").innerHTML += "<br>" + count + ": " + texts[index];

// インデックスを増やして次の文章を表示
			index = (index + 1) % texts.length;
			document.getElementById("text").innerHTML = texts[index];

// 変更回数を増やす
			count++;

// 絵文字を表示する
			if(count % 3 === 0) {
				document.getElementById("text").innerHTML += " 😊";
			}
		});
	</script>
</body>
</html>

このゲームでは、10種類の文章がリストとして定義されています。最初に表示される文章は、「こんにちは、私はAIです。」です。変更ボタンをクリックするたびに、リストの次の文章に変更されます。変更された文章は、履歴欄に追加されます。

また、変更の回数が3の倍数になるたびに、絵文字が表示されます。これにより、擬似的な会話がより楽しいものになります。

プレイヤーが好きなだけゲームをプレイできるように、終了条件はありません。プレイヤーがプレイを楽しんでいる限り、ゲームは続きます。

最後に、プレイヤーがゲームの楽しさについて他の人に伝えたくなるかもしれないので、☆5レビューを書いてもらうこともできます。レビューを書いてもらったら、プレゼントももらえるかもしれません。プレゼントを受け取るためのメールアドレスを入力してもらうこともできます。