AI game creator

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

No:2787

669

←

Prev Next

→

Incremental game 4
Developer User3616｜Date and time 23/6/22 17:38:24
Build time 3.423 sec｜Game capacity 0.224KB｜

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 charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<style>
		canvas {
			border: 1px solid #000;
			width: 100%;
			height: auto;
			margin: 0 auto;
		}
	</style>
</head>
<body>
	<canvas id="canvas"></canvas>

// キャンバス幅・高さの設定
		canvas.width = window.innerWidth;
		canvas.height = window.innerHeight;

// 立方体のパラメータの設定
		var cube = {
			x: canvas.width / 2,
			y: canvas.height / 2,
			size: 100,
			angle: 0,
			velocity: 0.05
		};

// 立方体を描く関数
		function drawCube() {
			ctx.save();
			ctx.translate(cube.x, cube.y);
			ctx.rotate(cube.angle);
			ctx.strokeRect(-cube.size / 2, -cube.size / 2, cube.size, cube.size);
			ctx.restore();
		}

// アニメーションの関数
		function animate() {
			// キャンバスをクリア
			ctx.clearRect(0, 0, canvas.width, canvas.height);

// 立方体を回転
			cube.angle += cube.velocity;

// 立方体を描く
			drawCube();

// アニメーションのループ
			requestAnimationFrame(animate);
		}

// ゲーム開始！
		animate();
	</script>
</body>
</html>