AI game creator

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

No:52235

116

←

Prev Next

→

Dress design game
Developer User20712｜Date and time 24/3/19 16:51:36
Build time 7.447 sec｜Game capacity 1.433KB｜

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>Dress Design Game</title>
<style>
    body {
        text-align: center;
    }
    button {
        padding: 10px 20px;
        font-size: 16px;
        cursor: pointer;
        background-color: #4CAF50;
        color: white;
        border: none;
    }
    #canvas {
        border: 1px solid black;
        margin: 20px auto;
    }
</style>
</head>
<body>
<canvas id="canvas" width="400" height="400"></canvas>
<button id="startButton">Start Game</button>

document.getElementById('startButton').addEventListener('click', () => {
        canvas.addEventListener('mousedown', () => {
            isDrawing = true;
        });

canvas.addEventListener('mousemove', (e) => {
            if(isDrawing){
                draw(e.offsetX, e.offsetY);
            }
        });

canvas.addEventListener('mouseup', () => {
            isDrawing = false;
        });

canvas.addEventListener('mouseout', () => {
            isDrawing = false;
        });
    });

function draw(x, y) {
        ctx.beginPath();
        ctx.arc(x, y, 5, 0, Math.PI * 2);
        ctx.fillStyle = 'blue';
        ctx.fill();
    }
</script>
</body>
</html>