AI game creator

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

No:54

311

←

Prev Next

→

warehouseman
Developer anonymous｜Date and time 23/5/7 1:12:08
Build time 65.541 sec｜Game capacity 2.924KB｜

Script

🤖

warehouseman

There is one piece of luggage in each of the 10 squares.

Take that luggage out to the exit of the warehouse.

The robot moves when the phone is tilted.

When transporting cargo, the squares where the robot is and the destination square are swapped.

←

Prev　Next

→ 　

Back　

[PR]現在の人気ゲームランキング

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

<!DOCTYPE html>
<html>
<head>
	<title>倉庫番</title>
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<style>
		body {
			font-size: 2.5rem;
			text-align: center;
			background-color: #F5DEB3;
		}
		.container {
			display: flex;
			justify-content: center;
			align-items: center;
			height: 100%;
		}
		.square {
			width: 10rem;
			height: 10rem;
			border: 1px solid black;
			background-color: #F4A460;
		}
		.player {
			width: 10rem;
			height: 10rem;
			background-color: #FA8072;
			font-size: 5rem;
			display: flex;
			justify-content: center;
			align-items: center;
		}
	</style>
</head>
<body>
	<div class="container">
		<div class="square"></div>
		<div class="square"></div>
		<div class="square"></div>
		<div class="square"></div>
		<div class="square"></div>
		<div class="square"></div>
		<div class="square"></div>
		<div class="square"></div>
		<div class="square"></div>
		<div class="player">🤖</div>
	</div>
	<p>倉庫番</p>
	<p>10個のマスの中に荷物が1つあります。</p>
	<p>その荷物を倉庫の出口に運び出してください。</p>
	<p>スマホを傾けるとロボットが動きます。</p>
	<p>荷物を運ぶ時は、ロボットがいるマスと目的地のマスを入れ替えます。</p>
	<script>
		let squares = document.querySelectorAll('.square');
		let player = document.querySelector('.player');
		let targetSquare = 0;
		let playerSquare = 9;
		let hasPackage = true;

function updatePlayerPosition() {
			player.style.gridArea = (playerSquare + 1) + '/' + ((playerSquare % 5) + 1) + '/' + ((playerSquare + 1) + 1) + '/' + ((playerSquare % 5) + 1 + 1);
		}

function init() {
			targetSquare = Math.floor(Math.random() * 10);
			while (playerSquare === targetSquare) {
				targetSquare = Math.floor(Math.random() * 10);
			}
			squares[targetSquare].innerText = '🚪';
			window.addEventListener('deviceorientation', movePlayer);
		}

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