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

No:22710

144

←

Prev Next

→

Un juego donde presionamos un botón para poner un ..ALL
Developer User3408｜Date and time 23/10/24 7:59:21
Build time 28.096 sec｜Game capacity 2.107KB｜

Script

Aquí tienes un juego simple que cumple con tus requisitos:

Juego de Píxeles

Este juego es muy simple. Cada vez que haces clic en el lienzo, se agrega un píxel negro en una ubicación aleatoria. Además, se llama a la función `updateGame()` que puedes utilizar para hacer que el juego sea más complicado y diferente con cada nuevo píxel agregado. Siéntete libre de modificar el juego y agregar nuevas características según tus preferencias. ¡Diviértete jugando!

←

Prev　Next

→ 　

Back　

[PR]現在の人気グッズランキング

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

Aquí tienes un juego simple que cumple con tus requisitos:

```html
<!DOCTYPE html>
<html>

<head>
    <title>Juego de Píxeles</title>
    <style>
        #gameCanvas {
            border: 1px solid black;
        }
    </style>
</head>

<body>
    <h1>Juego de Píxeles</h1>
    <canvas id="gameCanvas" width="300" height="300"></canvas>
    <script>
        window.onload = function () {
            var canvas = document.getElementById("gameCanvas");
            var ctx = canvas.getContext("2d");
            var pixelSize = 10;
            var score = 0;

function drawPixel(x, y) {
                ctx.fillStyle = "black";
                ctx.fillRect(x * pixelSize, y * pixelSize, pixelSize, pixelSize);
            }

function updateGame() {
                var x = Math.floor(Math.random() * (canvas.width / pixelSize));
                var y = Math.floor(Math.random() * (canvas.height / pixelSize));
                drawPixel(x, y);
                score++;
                // Aquí puedes agregar lógica adicional para hacer el juego más complicado
                // y diferente con cada nuevo píxel agregado.
            }

document.getElementById("gameCanvas").onclick = function (e) {
                var rect = canvas.getBoundingClientRect();
                var mouseX = e.clientX - rect.left;
                var mouseY = e.clientY - rect.top;
                var pixelX = Math.floor(mouseX / pixelSize);
                var pixelY = Math.floor(mouseY / pixelSize);
                drawPixel(pixelX, pixelY);
                score++;
                updateGame();
            };

updateGame();
        };
    </script>
</body>

</html>
```

Siéntete libre de modificar el juego y agregar nuevas características según tus preferencias. ¡Diviértete jugando!