Warning: count(): Parameter must be an array or an object that implements Countable in /home/yukuri/crypto-app.tokyo/public_html/AIGameCreator/Com0.php on line 157

Warning: in_array() expects parameter 2 to be array, bool given in /home/yukuri/crypto-app.tokyo/public_html/AIGameCreator/Com0.php on line 476

Warning: count(): Parameter must be an array or an object that implements Countable in /home/yukuri/crypto-app.tokyo/public_html/AIGameCreator/Com0.php on line 484
A game where everything is black except a green square that must be touched making another one appear and then when doing that again two other squares will appear and it will be doubled several times always twice and you will win when you reach the billion or trillion green squares.'s game | AI game creator

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

No:1974

1451

←

Prev Next

→

A game where everything is black except a green sq..ALL
Developer User3408｜Date and time 23/6/19 15:43:30
Build time 20.319 sec｜Game capacity 1.772KB｜

Script

Black Square Game

Toca el cuadrado verde para comenzar

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋ゲームランキング

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

<!DOCTYPE html>
<html>
<head>
	<title>Black Square Game</title>
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<style>
		body{
			background-color: #000;
			color: #fff;
			text-align: center;
			font-size: 2rem;
			margin: 0;
			padding: 0;
		}

#square{
			width: 50px;
			height: 50px;
			background-color: #0f0;
			margin: 20px auto;
			border-radius: 10px;
			cursor: pointer;
			display: none;
		}

</style>
</head>
<body>
	<h1>Black Square Game</h1>
	<p>Toca el cuadrado verde para comenzar</p>
	<div id="square"></div>

function addGreenSquare(){
			//Aumentar el score
			score++;

//Generar el nuevo cuadrado verde
			var newSquare = document.createElement('div');
			newSquare.style.width = greenSquare.offsetWidth*2 + 'px';
			newSquare.style.height = greenSquare.offsetHeight*2 + 'px';
			newSquare.style.backgroundColor = '#0f0';
			newSquare.style.borderRadius = '10px';
			newSquare.style.margin = '20px auto';
			newSquare.style.cursor = 'pointer';

//Reemplazar el cuadrado viejo con el nuevo
			greenSquare.parentNode.replaceChild(newSquare, greenSquare);

//Actualizar la variable del cuadrado verde
			greenSquare = newSquare;

//Checar si el juego ha terminado
			if(score >= 1000000000000){ //1 trillon
				alert('¡Felicidades! Has ganado el juego');
				return;
			}

//Mostrar el nuevo cuadrado verde
			greenSquare.style.display = 'block';
		}

document.addEventListener('DOMContentLoaded', function(){
			//Mostrar el primer cuadrado verde
			greenSquare.style.display = 'block';

//Agregar el evento al cuadrado verde
			greenSquare.addEventListener('click', addGreenSquare);
		});
	</script>
</body>
</html>