The more you click, the softer the circle becomes.'s game

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

No:6290

7069

←

Prev Next

→

The more you click, the softer the circle becomes.
Developer User3497｜Date and time 23/7/2 1:26:17
Build time 13.272 sec｜Game capacity 1.133KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいものランキング

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

<!DOCTYPE html>
<html>
<head>
    <title>柔らかくなる円</title>
    <style>
        #circle {
            width: 100px;
            height: 100px;
            border-radius: 50%;
            background-color: #ffcc00;
            transition-duration: 0.2s;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
        }
    </style>
</head>
<body>
    <div id="circle"></div>

circle.addEventListener("click", function() {
            clickCount += 1;
            var radius = 50 + clickCount;
            circle.style.width = radius + "px";
            circle.style.height = radius + "px";
            circle.style.borderRadius = radius / 2 + "%";
            var red = Math.floor(Math.random() * 256);
            var green = Math.floor(Math.random() * 256);
            var blue = Math.floor(Math.random() * 256);
            circle.style.backgroundColor = "rgb(" + red + ", " + green + ", " + blue + ")";
        });
    </script>
</body>
</html>