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

No:1479

212

←

Prev Next

→

If you cant save the people in front of you, how c..ALL
Developer User3345｜Date and time 23/6/18 17:15:30
Build time 26.903 sec｜Game capacity 2.654KB｜

Script

わかりました。以下がアプリの実装に関するプログラムです。

Emoji Game

操作説明：スマホを傾けて左右に移動

このアプリは「Emoji Game」と呼ばれるゲームです。プレイヤーはスマホを傾けて左右に移動し、上から降ってくる「敵の絵文字」と接触することでスコアを稼いでいきます。プレイヤーが敵に接触すると敵が再配置されます。アプリ起動時に「スタート」ボタンを押すことでゲームを開始します。スコアは画面上部に表示されます。

←

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>Emoji Game</title>
	<style>
		body {text-align: center;}
		h1 {font-size: 50px;}
		button {font-size: 40px; margin: 10px;}
	</style>
</head>
<body>
	<h1>Emoji Game</h1>
	<p>操作説明：スマホを傾けて左右に移動</p>
	<button onclick="start()">スタート</button>
	<p id="score"></p>
	<div id="game">
		<div id="player"></div>
		<div id="enemy"></div>
	</div>
	<script>
		let score = 0;
		const player = document.getElementById("player");
		const enemy = document.getElementById("enemy");
		const game = document.getElementById("game");

function start() {
			document.addEventListener("devicemotion", movePlayer);
			moveEnemy();
		}

function checkCollision() {
			let playerTop = player.offsetTop;
			let playerBottom = playerTop + player.offsetHeight;
			let playerLeft = player.offsetLeft;
			let playerRight = playerLeft + player.offsetWidth;
			let enemyTop = enemy.offsetTop;
			let enemyBottom = enemyTop + enemy.offsetHeight;
			let enemyLeft = enemy.offsetLeft;
			let enemyRight = enemyLeft + enemy.offsetWidth;
			if (playerTop < enemyBottom && playerBottom > enemyTop && playerLeft < enemyRight && playerRight > enemyLeft) {
				score++;
				document.getElementById("score").innerHTML = "スコア：" + score;
				moveEnemy();
			}
		}
	</script>
</body>
</html>