Make a generative art creator with a grid of cubes with all the same dimensions but random colors Make a generate button to generate a random image's game

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

No:46775

←

Prev Next

→

Make a generative art creator with a grid of cubes..ALL
Developer User20131｜Date and time 24/2/26 1:28:31
Build time 5.342 sec｜Game capacity 1.053KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
    <title>Generative Art Creator</title>
    <style>
        .cube {
            width: 2px;
            height:2px;
            display: inline-block;
        }
    </style>
</head>
<body>
    <div id="art"></div>
    <button onclick="generateArt()">Genera</button>

for (var i = 0; i <100000; i++) {
                var cube = document.createElement("div");
                cube.classList.add("cube");
                cube.style.backgroundColor = getRandomColor();
                artDiv.appendChild(cube);
            }
        }

function getRandomColor() {
            var letters = "0123456789ABCDEF";
            var color = "#";
            for (var i = 0; i < 6; i++) {
                color += letters[Math.floor(Math.random() * 16)];
            }
            return color;
        }
    </script>
</body>
</html>