Everyone dancing in a disco party's game

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

No:11032

←

Prev Next

→

Everyone dancing in a disco party
Developer User4721｜Date and time 23/8/6 22:44:24
Build time 22.466 sec｜Game capacity 2.557KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋Kindle本ランキング

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

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Disco Party Game</title>
    <style>
        body {
            background-color: black;
            text-align: center;
            font-family: Arial, sans-serif;
            color: white;
        }

#canvas {
            width: 100%;
            height: 80vh;
        }

#controls {
            margin-top: 20px;
        }
    </style>
</head>
<body>
    <canvas id="canvas"></canvas>
    <div id="controls">
        <button onclick="startGame()">Start Game</button>
        <button onclick="stopGame()">Stop Game</button>
    </div>

// Game parameters
        const canvas = document.getElementById("canvas");
        const ctx = canvas.getContext("2d");
        const width = canvas.width;
        const height = canvas.height;
        const danceMoves = ["🕺", "💃", "🤖", "🎉", "🎵"];
        let intervalId;

// Game state
        let discoPeople = [];

function startGame() {
            if (!intervalId) {
                discoPeople = [];
                intervalId = setInterval(updateGame, 200);
            }
        }

function stopGame() {
            clearInterval(intervalId);
            intervalId = null;
            discoPeople = [];
            clearCanvas();
        }

function updateGame() {
            clearCanvas();
            moveDiscoPeople();
            drawDiscoPeople();
        }

function clearCanvas() {
            ctx.clearRect(0, 0, width, height);
        }

function moveDiscoPeople() {
            discoPeople.forEach(person => {
                person.x = Math.random() * width;
                person.y = Math.random() * height;
            });
        }

function drawDiscoPeople() {
            ctx.font = "48px serif";
            discoPeople.forEach(person => {
                ctx.fillText(person.icon, person.x, person.y);
            });
        }

// Handle click event on the canvas
        canvas.addEventListener("click", function(event) {
            const x = event.clientX - canvas.getBoundingClientRect().left;
            const y = event.clientY - canvas.getBoundingClientRect().top;
            const randomMove = danceMoves[Math.floor(Math.random() * danceMoves.length)];
            discoPeople.push({ x, y, icon: randomMove });
        });

// Start the game initially
        startGame();
    </script>
</body>
</html>