Games in which the AI thinks for itself and creates its own games's game

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

No:2400

184

←

Prev Next

→

Games in which the AI thinks for itself and create..ALL
Developer User3559｜Date and time 23/6/21 10:22:12
Build time 29.377 sec｜Game capacity 2.336KB｜

Script

はい、了解しました。以下は、JavaScriptを使用して実装された1つのHTMLファイル内にゲームを実装した例です。

このゲームは、現在はまだ実装されておらず、ゲームの内容も未定であるため、ゲーム画面は単純なものに留めています。プレイヤーは画面に表示されるテキストに従って、自分でゲームを考え、実装します。AIはプレイヤーが実装したゲームをプレイし、最適戦略を学習する事で、より強いゲームへと進化します。プレイヤーは何度でも新しいゲームを考えて実装することができます。

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋ゲームアプリランキング

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

はい、了解しました。以下は、JavaScriptを使用して実装された1つのHTMLファイル内にゲームを実装した例です。

<!DOCTYPE html>
<html>
<head>
	<title>AIが自分で考えてゲームを作るゲーム</title>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<style>
		body {
			margin: 0;
			padding: 0;
		}

canvas {
			display: block;
		}
	</style>
</head>
<body>
	<canvas id="canvas"></canvas>
	<script>
		// ゲームの概要
		/*
		 * AIが自分で考えてゲームを作るゲームでは、プレイヤーはAIに対抗するために自分でゲームを考え、プログラムとして実装する必要があります。
		 * プレイヤーが実装したゲームは、AIがプレイして最適戦略を学習する事で、より強いゲームへと進化します。
		 * このゲームは、AIにゲームを教える学習機能を備えているため、何度でも遊ぶ事ができます。
		 */

// canvasの設定
		const canvas = document.getElementById('canvas');
		const ctx = canvas.getContext('2d');
		canvas.width = window.innerWidth;
		canvas.height = window.innerHeight;

// ゲーム画面の描画
		function drawScreen() {
			ctx.fillStyle = 'white';
			ctx.fillRect(0, 0, canvas.width, canvas.height);
			ctx.fillStyle = 'black';
			ctx.font = '48px sans-serif';
			ctx.textAlign = 'center';
			ctx.fillText('AIが自分で考えてゲームを作るゲーム', canvas.width/2, canvas.height/2-50);
			ctx.font = '24px sans-serif';
			ctx.fillText('今すぐ考えてゲームを作ってみよう！', canvas.width/2, canvas.height/2+50);
		}

// ゲーム画面の初期化
		function init() {
			drawScreen();
		}

// ゲームの開始
		init();
	</script>
</body>
</html>