A game in which a girl runs as fast as she can's game

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

No:694

195

←

Prev Next

→

A game in which a girl runs as fast as she can
Developer User3089｜Date and time 23/6/17 13:32:46
Build time 21.486 sec｜Game capacity 1.748KB｜

Script

このアプリは、女の子が全力疾走するゲームです。プレイヤーは画面下部に表示された女の子のキャラクターを操作します。女の子は左右に動きます。移動速度は10pixel/frame（1秒間に60pixel）で、画面端に到達すると反転します。女の子のキャラクターはスマホ画面でも十分に大きく、ボタン操作不要でプレイできます。また、背景色は淡いピンク色で、絵文字を多用することで可愛らしい雰囲気を演出しています。

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋Kindle本ランキング

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

<!DOCTYPE html>
<html>
<head>
	<title>全力疾走</title>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<style>
		body {
			background-color: #ffebee;
		}
		#player {
			position: absolute;
			bottom: 0;
			left: 0;
			width: 60px;
			height: 60px;
			background-image: url("https://emojipedia-us.s3.amazonaws.com/thumbs/240/apple/271/running-woman_1f3c3-200d-2640-fe0f.png");
			background-size: contain;
			background-repeat: no-repeat;
			background-position: center;
		}
	</style>
	<script>
		document.addEventListener("DOMContentLoaded", function() {
			var player = document.querySelector("#player");
			var speed = 10; // 移動速度（pixel/frame）
			var direction = 1; // 動く方向（1: 右向き, -1: 左向き）
			var maxX = window.innerWidth - player.clientWidth; // 移動範囲の最大値
			var curX = 0; // 現在位置（x座標）

var tick = function() {
				curX += speed * direction;
				if (curX > maxX || curX < 0) {
					direction *= -1;
				}
				player.style.left = curX + "px";
			};

setInterval(tick, 1000/60); // 60fps
		});
	</script>
</head>
<body>
	<div id="player"></div>
</body>
</html>