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

No:4343

824

←

Prev Next

→

Games to chat with AI
Developer もちきなこ｜Date and time 23/6/27 20:16:54
Build time 24.742 sec｜Game capacity 2.482KB｜

Script

では、AIとチャットするゲームを作ります。以下は実際のプログラムの例です。必要ならば適宜改良してください。

AIとチャットするゲーム

このゲームは、JavaScriptを使ってユーザーが入力したテキストにランダムな応答を返すシンプルなAIとチャットするゲームです。ユーザーが入力したテキストが「送信」ボタンを押したときに、AIがランダムな返答を返します。会話の履歴はチャットログに表示されます。このゲームは、スマホにも対応しています。また、絵文字の使用も可能です。ユーザーが何かしらの応答をすることで続く会話も可能です。

←

Prev　Next

→ 　

Back　

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

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

では、AIとチャットするゲームを作ります。以下は実際のプログラムの例です。必要ならば適宜改良してください。

<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>AIとチャットするゲーム</title>
	<style type="text/css">
		h1, #chatbox, #inputbox {
			text-align:center;
			font-size:24px;
			margin-top:20px;
		}
		#chatlog {
			width:80%;
			margin:auto;
			margin-top:20px;
			border:1px solid gray;
			padding:10px;
			height:200px;
			overflow-y:auto;
		}
	</style>
</head>
<body>
	<h1>AIとチャットするゲーム</h1>
	<div id="chatbox">
		<div id="chatlog"></div>
		<div id="inputbox">
			<input type="text" id="chatinput">
			<button type="button" onclick="chat()">送信</button>
		</div>
	</div>
	
	<script type="text/javascript">
		var messages = [
			"こんにちは！私はAIです。何か話し相手になりますよ。",
			"あなたはどんな趣味がありますか？",
			"私はプログラムが得意です。あなたもプログラムを勉強しているんですか？",
			"人工知能を開発することが夢です。あなたは何か夢を持っていますか？",
			"今日は良い天気ですね。どこかお出かけされる予定はありますか？"
		];
		
		function chat() {
			var input = document.getElementById("chatinput");
			var text = input.value;
			if (text == "") {
				return;
			}
			input.value = "";
			addMessage("あなた： " + text);
			setTimeout(function() {
				var reply = messages[Math.floor(Math.random() * messages.length)];
				addMessage("AI： " + reply);
			}, 1000);
		}
		
		function addMessage(text) {
			var log = document.getElementById("chatlog");
			var p = document.createElement("p");
			p.innerText = text;
			log.appendChild(p);
		}
		
		addMessage("AI： こんにちは！私はAIです。何か話し相手になりますよ。");
	</script>
</body>
</html>

このゲームは、JavaScriptを使ってユーザーが入力したテキストにランダムな応答を返すシンプルなAIとチャットするゲームです。ユーザーが入力したテキストが「送信」ボタンを押したときに、AIがランダムな返答を返します。会話の履歴はチャットログに表示されます。

このゲームは、スマホにも対応しています。また、絵文字の使用も可能です。ユーザーが何かしらの応答をすることで続く会話も可能です。