AI game creator

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

No:4546

221

←

Prev Next

→

Tanabata Games
Developer User3694｜Date and time 23/6/28 4:02:45
Build time 25.165 sec｜Game capacity 2.086KB｜

Script

このゲームは、七夕の夜に流れる短冊を集めるものです。画面上にランダムに表示される短冊をスマホのタッチ操作で集めます。集めた短冊の数が増えると、背景や短冊のデザインが変化していきます。以下は実装の例です。HTMLとJavaScriptのコードを1つのファイルにまとめ、scriptタグで囲みました。

得点: 0

←

Prev　Next

→ 　

Back　

[PR]現在の人気グッズランキング

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

このゲームは、七夕の夜に流れる短冊を集めるものです。
画面上にランダムに表示される短冊をスマホのタッチ操作で集めます。
集めた短冊の数が増えると、背景や短冊のデザインが変化していきます。

以下は実装の例です。HTMLとJavaScriptのコードを1つのファイルにまとめ、scriptタグで囲みました。

<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>七夕ゲーム</title>
	<style>
		body {
			background-color: #000;
			color: #fff;
			font-size: 28px;
			text-align: center;
			height: 100%;
			margin: 0;
			overflow: hidden;
		}
	</style>
</head>
<body>
	<div id="score">得点: 0</div>
	<script>
		let score = 0;

function randomCoord() {
			const x = Math.floor(Math.random() * window.innerWidth);
			const y = Math.floor(Math.random() * window.innerHeight);
			return { x, y };
		}

function randomColor() {
			const hexDigits = "0123456789ABCDEF";
			let color = "#";
			for (let i = 0; i < 6; i++) {
				color += hexDigits[Math.floor(Math.random() * 16)];
			}
			return color;
		}

function randomImage() {
			const images = [
				"🎋", "🐉", "🌟", "🌙", "🎑",
				"🎆", "🎉", "🎊", "🔔", "💫"
			];
			return `https://dummyimage.com/100x100/000/${randomColor()}?text=${images[Math.floor(Math.random() * images.length)]}`;
		}

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