楕円の枠内に2色の色を45%と55%をランダムに塗り、どちらの面積の方が大きいか当てるゲーム's game

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

No:52245

←

Prev Next

→

楕円の枠内に2色の色を45%と55%をランダムに塗り、どちらの面積の方が大きいか当てるゲーム
Developer User21817｜Date and time 24/3/19 19:19:53
Build time 8.734 sec｜Game capacity 1.821KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋アプリランキング

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

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Color Game</title>
<style>
    body {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 100vh;
        margin: 0;
    }

#game {
        width: 300px;
        height: 300px;
        border: 2px solid black;
        border-radius: 50%;
        position: relative;
        overflow: hidden;
    }

#color1 {
        width: 100%;
        height: 100%;
        background-color: hsl(120, 100%, 45%);
        clip-path: circle(75px at 150px 150px);
        position: absolute;
        top: 0;
        left: 0;
    }

#color2 {
        width: 100%;
        height: 100%;
        background-color: hsl(240, 100%, 55%);
        position: absolute;
        top: 0;
        left: 0;
    }

</style>
</head>
<body>
    <div id="game">
        <div id="color1"></div>
        <div id="color2"></div>
    </div>

color1.style.clipPath = "circle(75px at " + Math.floor(Math.random() * 150) + "px " + Math.floor(Math.random() * 150) + "px)";