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

No:37865

Ai sprite maker with pixels, "CREATE!" Button, som..ALL
Developer User17064｜Date and time 24/1/21 18:35:19
Build time 7.67 sec｜Game capacity 2.386KB｜

Script

Sure, here's an example of a simple game called "Pixel Maker":

Pixel Maker

This game allows you to create a canvas of 100 pixels and toggle their status between "good" and "bad" by clicking on them. Initially, the canvas is empty, and clicking the "CREATE!" button generates the pixels. Each pixel can have a green or red color, representing good and bad, respectively. The status of each pixel is randomly assigned upon creation.

←

Prev　Next

→ 　

Back　

[PR]現在のフィギュア売れ筋ランキング

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

Sure, here's an example of a simple game called "Pixel Maker":

```html
<!DOCTYPE html>
<html>
<head>
    <title>Pixel Maker - Game</title>
    <style>
        #canvas {
            display: flex;
            flex-wrap: wrap;
            width: 300px;
            height: 300px;
            border: 1px solid black;
            margin-bottom: 10px;
        }

.pixel {
            width: 10px;
            height: 10px;
            border: 1px solid #ccc;
        }

.pixel.good {
            background-color: green;
        }

.pixel.bad {
            background-color: red;
        }
    </style>
</head>
<body>
    <h1>Pixel Maker</h1>
    <div id="canvas"></div>
    <button onclick="createPixels()">CREATE!</button>

createButton.addEventListener("click", createPixels);

function createPixels() {
            canvasDiv.innerHTML = ""; // Clear existing pixels

for (let i = 0; i < 100; i++) {
                const pixel = document.createElement("div");
                pixel.className = "pixel";
                pixel.addEventListener("click", togglePixelStatus);
                canvasDiv.appendChild(pixel);
            }
        }

function togglePixelStatus(event) {
            const pixel = event.target;

if (pixel.classList.contains("good")) {
                pixel.classList.remove("good");
                pixel.classList.add("bad");
            } else if (pixel.classList.contains("bad")) {
                pixel.classList.remove("bad");
                pixel.classList.add("good");
            } else {
                pixel.classList.add(getRandomStatus());
            }
        }

function getRandomStatus() {
            const statusOptions = ["good", "bad"];
            return statusOptions[Math.floor(Math.random() * statusOptions.length)];
        }
    </script>
</body>
</html>
```