AI game creator

Warning: count(): Parameter must be an array or an object that implements Countable in /home/yukuri/crypto-app.tokyo/public_html/AIGameCreator/Com0.php on line 157

Warning: in_array() expects parameter 2 to be array, bool given in /home/yukuri/crypto-app.tokyo/public_html/AIGameCreator/Com0.php on line 476

Warning: count(): Parameter must be an array or an object that implements Countable in /home/yukuri/crypto-app.tokyo/public_html/AIGameCreator/Com0.php on line 484
Tanabata Games's game | AI game creator

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

No:4546

471

←

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>