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

No:1092

122

Beyond the arrow
Developer User3245｜Date and time 23/6/18 2:59:12
Build time 32.789 sec｜Game capacity 2.583KB｜

にお願いします。

矢印の向こう側

矢印の向きに進むゲームです。矢印が下を向いている時に画面を下にスワイプすると進むことができます。矢印が上を向いている時に画面を上にスワイプすると進むことができます。

↑

↓

このアプリは「矢印の向こう側」というゲームで、プレイヤーは画面に表示される矢印の向きに進むことが目的です。矢印が下を向いている時に画面を下にスワイプすると進むことができます。矢印が上を向いている時に画面を上にスワイプすると進むことができます。間違った方向に進んでしまうと、「間違いです！もう一度やりましょう。」というアラートが表示されます。正しい方向に進むと、「ゲームクリア！」というアラートが表示されます。絵文字を多めに使用し、スマホでの操作を前提としています。

→ 　

0　

0　

[PR]現在の売れ筋アプリランキング

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

(C)2023 HisashiApp

にお願いします。

<!DOCTYPE html> 
<html> 
<head> 
<title>矢印の向こう側</title> 
<meta charset="UTF-8"> 
<meta name="viewport" content="width=device-width, initial-scale=1.0"> 
<style> 
* { 
margin: 0; 
padding: 0; 
box-sizing: border-box; 
}

html, body { 
height: 100%; 
}

h1 { 
text-align: center; 
font-size: 36px; 
margin-top: 50px; 
}

#game { 
display: flex; 
flex-direction: column; 
justify-content: center; 
align-items: center; 
height: 100%; 
}

.arrow { 
font-size: 60px; 
cursor: pointer; 
} 
</style> 
</head> 
<body> 
<div id="game"> 
<h1>矢印の向こう側</h1> 
<p id="instructions">矢印の向きに進むゲームです。矢印が下を向いている時に画面を下にスワイプすると進むことができます。矢印が上を向いている時に画面を上にスワイプすると進むことができます。</p> 
<p class="arrow" id="up">↑</p> 
<p class="arrow" id="down">↓</p> 
</div>

<script> 
const instructions = document.getElementById('instructions'); 
const upArrow = document.getElementById('up'); 
const downArrow = document.getElementById('down');

let currentDirection = 'down';

const changeDirection = () => { 
if (currentDirection === 'down') { 
currentDirection = 'up'; 
instructions.innerText = '画面を上にスワイプして進む'; 
} else { 
currentDirection = 'down'; 
instructions.innerText = '画面を下にスワイプして進む'; 
} 
};

upArrow.addEventListener('click', () => { 
if (currentDirection === 'up') { 
alert('ゲームクリア！'); 
} else { 
alert('間違いです！もう一度やりましょう。'); 
} 
});

downArrow.addEventListener('click', () => { 
if (currentDirection === 'down') { 
alert('ゲームクリア！'); 
} else { 
alert('間違いです！もう一度やりましょう。'); 
} 
changeDirection(); 
}); 
</script> 
</body> 
</html>

このアプリは「矢印の向こう側」というゲームで、プレイヤーは画面に表示される矢印の向きに進むことが目的です。矢印が下を向いている時に画面を下にスワイプすると進むことができます。矢印が上を向いている時に画面を上にスワイプすると進むことができます。間違った方向に進んでしまうと、「間違いです！もう一度やりましょう。」というアラートが表示されます。正しい方向に進むと、「ゲームクリア！」というアラートが表示されます。絵文字を多めに使用し、スマホでの操作を前提としています。