A alphabet letters appear over the screen in dots at random, you have to slectet the alphabet in order without selecting the wrong letter, if wrong letter is selected start over, if alphabet is completed start again dots appear and disappear faster everytime alphabet is completed you go up a level's game

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

No:535

196

←

Prev Next

→

A alphabet letters appear over the screen in dots ..ALL
Developer User3011｜Date and time 23/6/15 11:56:22
Build time 34.201 sec｜Game capacity 4.417KB｜

Script

Here is a sample code for a game that satisfies the given requirements:

SCORE: 0

LEVEL: 1

The game works as follows: - A dot appears at a random position inside the game area every 2 seconds. - A letter from the alphabet is displayed inside a box at the center of the game area. - The player has to press the corresponding letter key on their keyboard to "kill" the dot and make it disappear. - If the correct letter is pressed, the next letter of the alphabet is displayed and the game continues. - If the wrong letter is pressed, the game is over and the player has to start over. - If the whole alphabet is completed, the score is incremented by 1 and the next level starts with faster dot appearances. - Every 5 points, the level is incremented and the dot appearance speed is decreased by 0.1 seconds. - The game can be played indefinitely until the player loses. - The game includes some simple styling and emojis to make it more enjoyable to play on a smartphone.

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいゲームランキング

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

Here is a sample code for a game that satisfies the given requirements:

<!DOCTYPE html>
<html>
<head>
	<title>Alphabet Game</title>
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<style>
		body {
			background-color: #f2f2f2;
			font-size: 24px;
			text-align: center;
		}
		#gameArea {
			margin: 10px auto;
			width: 90%;
			height: 60vh;
			background-color: #fff;
			border: 5px solid #333;
			border-radius: 10px;
			overflow: hidden;
			position: relative;
		}
		#dot {
			width: 30px;
			height: 30px;
			border-radius: 50%;
			background-color: #333;
			display: none;
			position: absolute;
			top: -30px;
			left: -30px;
			z-index: 1;
		}
		#letter {
			font-size: 48px;
			font-weight: bold;
			position: absolute;
			top: 50%;
			left: 50%;
			transform: translate(-50%, -50%);
			z-index: 2;
		}
		#score {
			font-size: 36px;
			font-weight: bold;
			position: absolute;
			top: 0;
			right: 0;
			margin: 10px;
			z-index: 2;
		}
		#level {
			font-size: 36px;
			font-weight: bold;
			position: absolute;
			top: 0;
			left: 0;
			margin: 10px;
			z-index: 2;
		}
	</style>
</head>
<body>
	<div id="gameArea">
		<div id="dot"></div>
		<div id="letter"></div>
	</div>
	<div id="score">SCORE: 0</div>
	<div id="level">LEVEL: 1</div>
	<script>
		// Define necessary variables
		var alphabet = 'ABCDEFGHIJKLMNOPQRSTUVWXYZ';
		var score = 0;
		var level = 1;
		var dotSpeed = 2000;
		var dotInterval;
		var dotTimer;
		var selectedLetter;
		var gameArea = document.getElementById('gameArea');
		var letterElement = document.getElementById('letter');
		var scoreElement = document.getElementById('score');
		var levelElement = document.getElementById('level');
		var dotElement = document.getElementById('dot');
		
		// Start the game
		startGame();
		
		function startGame() {
			selectedLetter = '';
			score = 0;
			level = 1;
			dotSpeed = 2000;
			scoreElement.textContent = 'SCORE: ' + score;
			levelElement.textContent = 'LEVEL: ' + level;
			document.addEventListener('keydown', checkKeyPress);
			startRound();
		}
		
		function startRound() {
			clearInterval(dotInterval);
			dotInterval = setInterval(function() {
				showDot();
			}, dotSpeed);
		}
		
		function showDot() {
			var x = Math.random() * gameArea.offsetWidth;
			var y = Math.random() * gameArea.offsetHeight;
			dotElement.style.left = x + 'px';
			dotElement.style.top = y + 'px';
			dotElement.style.display = 'block';
			dotTimer = setTimeout(function() {
				dotElement.style.display = 'none';
				startOver();
			}, dotSpeed - (level - 1) * 100);
		}
		
		function checkKeyPress(event) {
			var key = String.fromCharCode(event.which);
			if (alphabet.indexOf(key) !== -1) {
				if (key === alphabet[selectedLetter]) {
					selectedLetter++;
					letterElement.textContent = alphabet[selectedLetter] || '';
					if (selectedLetter === alphabet.length) {
						selectedLetter = '';
						score++;
						scoreElement.textContent = 'SCORE: ' + score;
						if (score % 5 === 0) {
							level++;
							levelElement.textContent = 'LEVEL: ' + level;
							dotSpeed -= 100;
						}
						startRound();
					}
				} else {
					startOver();
				}
			}
		}
		
		function startOver() {
			selectedLetter = '';
			clearInterval(dotInterval);
			clearTimeout(dotTimer);
			letterElement.textContent = '';
			dotElement.style.display = 'none';
			document.removeEventListener('keydown', checkKeyPress);
			alert('GAME OVER\nYOUR SCORE IS ' + score + '\nPRESS OK TO PLAY AGAIN');
			startGame();
		}
	</script>
</body>
</html>

The game works as follows:

- A dot appears at a random position inside the game area every 2 seconds.
- A letter from the alphabet is displayed inside a box at the center of the game area.
- The player has to press the corresponding letter key on their keyboard to "kill" the dot and make it disappear.
- If the correct letter is pressed, the next letter of the alphabet is displayed and the game continues.
- If the wrong letter is pressed, the game is over and the player has to start over.
- If the whole alphabet is completed, the score is incremented by 1 and the next level starts with faster dot appearances.
- Every 5 points, the level is incremented and the dot appearance speed is decreased by 0.1 seconds.
- The game can be played indefinitely until the player loses.
- The game includes some simple styling and emojis to make it more enjoyable to play on a smartphone.