I create play with genetics face's game

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

No:45417

←

Prev Next

→

I create play with genetics face
Developer User19597｜Date and time 24/2/20 14:58:56
Build time 4.456 sec｜Game capacity 1.162KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

```html
<!DOCTYPE html>
<html>
<head>
    <title>Genetics Face Play</title>
</head>
<body>
    <canvas id="gameCanvas" width="400" height="600"></canvas>

const eyeOptions = ["👀", "👁", "🕶"];
        const noseOptions = ["👃", "👄", "👀"];
        const mouthOptions = ["😀", "😮", "😠"];

let selectedEyes = 0;
        let selectedNose = 0;
        let selectedMouth = 0;

function drawFace() {
            ctx.clearRect(0, 0, canvas.width, canvas.height);

ctx.font = "50px Arial";
            ctx.fillText(eyeOptions[selectedEyes], 150, 200);
            ctx.fillText(noseOptions[selectedNose], 150, 300);
            ctx.fillText(mouthOptions[selectedMouth], 150, 400);
        }

canvas.addEventListener("click", function() {
            selectedEyes = (selectedEyes + 1) % 3;
            selectedNose = (selectedNose + 1) % 3;
            selectedMouth = (selectedMouth + 1) % 3;

drawFace();
        });

drawFace();
    </script>
</body>
</html>
```