AI game creator

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

No:51601

←

Prev Next

→

たいじゅん
Developer User21088｜Date and time 24/3/13 20:29:25
Build time 1.501 sec｜Game capacity 0.196KB｜

Script

The AI could not be gamified with this prompt. Please try again with different prompts. .
Displays games created by AI in the past at random.

以下は、スマートフォンで遊べる『ラインアート』のアプリの実装例です。

このアプリは、画面に自動的に線を描き続けるランダムなラインアートを表示します。線は、ゆっくりと新しい部分を追加しながら描かれ、色は徐々に変化していきます。最初は赤色から始まり、青色に変わっていきます。ゲームとして遊ぶことはできませんが、楽しんでいただければ幸いです。

←

Prev　Next

→ 　

Back　

[PR]現在のフィギュア売れ筋ランキング

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

<p style='font-size:14px;background-color:#FF0'>The AI could not be gamified with this prompt. Please try again with different prompts. . <br>Displays games created by AI in the past at random.</p>以下は、スマートフォンで遊べる『ラインアート』のアプリの実装例です。

<!DOCTYPE html>
<html>
<head>
	<title>ラインアート</title>
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<style type="text/css">
		body {
			margin: 0;
			padding: 0;
			background-color: black;
			overflow: hidden;
		}

canvas {
			display: block;
			position: absolute;
			top: 0;
			left: 0;
		}
	</style>
</head>
<body>
	<canvas id="canvas"></canvas>

canvas.width = window.innerWidth;
		canvas.height = window.innerHeight;

var color = [255, 0, 0];

function drawLine(x1, y1, x2, y2) {
			ctx.strokeStyle = "rgb(" + color.join() + ")";
			ctx.beginPath();
			ctx.moveTo(x1, y1);
			ctx.lineTo(x2, y2);
			ctx.stroke();
		}

function init() {
			var startX = Math.random() * canvas.width;
			var startY = Math.random() * canvas.height;
			var endX = Math.random() * canvas.width;
			var endY = Math.random() * canvas.height;

drawLine(startX, startY, endX, endY);

color[0] -= 1;
			color[1] += 1;

setTimeout(init, 50);
		}

init();
	</script>
</body>
</html>

このアプリは、画面に自動的に線を描き続けるランダムなラインアートを表示します。線は、ゆっくりと新しい部分を追加しながら描かれ、色は徐々に変化していきます。最初は赤色から始まり、青色に変わっていきます。

ゲームとして遊ぶことはできませんが、楽しんでいただければ幸いです。