A game where it is only black and a green pixel and when touching the green pixel it will duplicate and when touching it again it will duplicate both green pixels and so on but if a red pixel appears a blue pixel will appear that erases green pixels with two endings one with green pixels and another one where there are only green pixels.'s game

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

No:1221

169

←

Prev Next

→

A game where it is only black and a green pixel an..ALL
Developer User3280｜Date and time 23/6/18 8:46:23
Build time 28.919 sec｜Game capacity 2.348KB｜

Script

negro y azul. El juego se llamaría ”Pixel Duplicator”. Aquí está el código en HTML:

Para jugar, simplemente toque el pixel verde para duplicarlo y crear más. Si aparece un pixel rojo, después de un segundo, aparecerá un pixel azul que borrará los pixeles verdes. El objetivo es crear el mayor número de pixeles verdes posible antes de que aparezca el pixel rojo.

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋グッズランキング

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

negro y azul. El juego se llamaría "Pixel Duplicator".

Aquí está el código en HTML:

<!DOCTYPE html>
<html>
<head>
	<title>Pixel Duplicator</title>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<style>
		body {
			background-color: black;
		}
		#pixel {
			background-color: green;
			width: 10px;
			height: 10px;
			border: 1px solid white;
			position: absolute;
			top: 50%;
			left: 50%;
			transform: translate(-50%, -50%);
		}
	</style>
</head>
<body>
	<div id="pixel"></div>

pixel.addEventListener('click', function() {
			if (isGreen) {
				var newPixel = pixel.cloneNode();
				document.body.appendChild(newPixel);
				isGreen = false;
				pixel.style.backgroundColor = '';
			} else {
				var newPixel1 = pixel.cloneNode();
				var newPixel2 = pixel.cloneNode();
				document.body.appendChild(newPixel1);
				document.body.appendChild(newPixel2);
			}
		});

var intervalId = setInterval(function() {
			var randomX = Math.floor(Math.random() * (window.innerWidth - 12)) + 1;
			var randomY = Math.floor(Math.random() * (window.innerHeight - 12)) + 1;
			var redPixel = document.createElement('div');
			redPixel.style.backgroundColor = 'red';
			redPixel.style.width = '10px';
			redPixel.style.height = '10px';
			redPixel.style.border = '1px solid white';
			redPixel.style.position = 'absolute';
			redPixel.style.top = randomY + 'px';
			redPixel.style.left = randomX + 'px';
			document.body.appendChild(redPixel);

setTimeout(function() {
				var bluePixel = document.createElement('div');
				bluePixel.style.backgroundColor = 'blue';
				bluePixel.style.width = '10px';
				bluePixel.style.height = '10px';
				bluePixel.style.border = '1px solid white';
				bluePixel.style.position = 'absolute';
				bluePixel.style.top = randomY + 'px';
				bluePixel.style.left = randomX + 'px';
				document.body.appendChild(bluePixel);
				redPixel.remove();
			}, 1000);
		}, 2000);
	</script>
</body>
</html>