Id be happy to do a review of the games Ive made.'s game

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

No:3990

552

←

Prev Next

→

Id be happy to do a review of the games Ive made.
Developer User3589｜Date and time 23/6/27 1:40:09
Build time 26.811 sec｜Game capacity 2.052KB｜

Script

了解しました。私は新しく作った「スマホのタッチ操作で遊べるボールゲーム」をレビューしてもらえると嬉しいです。以下が実際のコードです。

このゲームは、スマホでタッチ操作することで、ボールを跳ね回らせることができます。画面外に出たボールは自動的に跳ね返ってきます。とても簡単なゲームですが、リラックスするのにちょうどいいと思います。レビューしていただけると嬉しいです。

←

Prev　Next

→ 　

Back　

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

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

了解しました。私は新しく作った「スマホのタッチ操作で遊べるボールゲーム」をレビューしてもらえると嬉しいです。以下が実際のコードです。

<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>スマホボールゲーム</title>
	<style type="text/css">
		canvas {
			border: 1px solid black;
		}
	</style>
</head>
<body>

// タッチ操作の検出
	document.addEventListener("touchstart", function (event) {
		// タッチ位置とボール位置の差を計算
		var touchX = event.touches[0].clientX;
		var touchY = event.touches[0].clientY;
		var dx = touchX - ball.x;
		var dy = touchY - ball.y;

// 差を速度に設定し、ボールの速度を更新
		var speed = 5;
		ball.vx = dx / speed;
		ball.vy = dy / speed;
	});

// ゲームループ
	function loop() {
		// ゲーム情報の更新
		ball.x += ball.vx;
		ball.y += ball.vy;

// 画面外に出たら跳ね返る
		if (ball.x - ball.radius < 0 || ball.x + ball.radius > 300) {
			ball.vx = -ball.vx;
		}
		if (ball.y - ball.radius < 0 || ball.y + ball.radius > 300) {
			ball.vy = -ball.vy;
		}

// 画面の描画
		var canvas = document.getElementById("canvas");
		var ctx = canvas.getContext("2d");
		ctx.clearRect(0, 0, canvas.width, canvas.height);
		ctx.beginPath();
		ctx.arc(ball.x, ball.y, ball.radius, 0, Math.PI * 2);
		ctx.fill();

// 次のフレームへ
		requestAnimationFrame(loop);
	}

// ゲームスタート
	loop();
</script>

</body>
</html>