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

No:50730

124

←

Prev Next

→

You are a pizza worker you have to cut the pizza i..ALL
Developer User21391｜Date and time 24/3/9 13:05:32
Build time 9.042 sec｜Game capacity 2.507KB｜

Script

Welcome to the Pizza Cutting Game!

Goal: Cut the pizza into 1 equal slices in 19 seconds to win a gold medal!

Instructions: Swipe on the screen to cut the pizza.

←

Prev　Next

→ 　

Back　

[PR]現在のプレゼントランキング

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

<html>
<head>
    <title>Pizza Cutting Game</title>
</head>
<body>
    <h1>Welcome to the Pizza Cutting Game!</h1>
    <p>Goal: Cut the pizza into 1 equal slices in 19 seconds to win a gold medal!</p>
    <p>Instructions: Swipe on the screen to cut the pizza.</p>
    <canvas id="gameCanvas" width="400" height="400">Your browser does not support the HTML5 canvas tag.</canvas>
    
    <script>
        const canvas = document.getElementById('gameCanvas');
        const ctx = canvas.getContext('2d');
        const pizzaImage = new Image();
        const sliceImage = new Image();
        
        pizzaImage.src = 'pizza.png';
        sliceImage.src = 'slice.png';
        
        let numSlices = 1;
        let timeLeft = 20;
        let gameStarted = false;
        
        canvas.addEventListener('mousedown', startGame);
        canvas.addEventListener('mousemove', cutPizza);
        
        function startGame() {
            if(!gameStarted) {
                gameStarted = true;
                setInterval(updateTimer, 1000);
            }
        }
        
        function cutPizza(event) {
            if(gameStarted && numSlices < 7) {
                const rect = canvas.getBoundingClientRect();
                const x = event.clientX - rect.left;
                const y = event.clientY - rect.top;
                ctx.drawImage(sliceImage, x, y, 30, 200);
                numSlices++;
            }
            if(numSlices === 7) {
                endGame();
            }
        }
        
        function updateTimer() {
            if(gameStarted && timeLeft > 0) {
                timeLeft--;
            }
            if(timeLeft === 0) {
                endGame();
            }
        }
        
        function endGame() {
            gameStarted = false;
            if(numSlices === 7) {
                alert('Congratulations! You won a shiny gold medal!');
            } else {
                alert('Oh no! You only cut ' + numSlices + ' slices. You get a bronze medal.');
            }
            resetGame();
        }
        
        function resetGame() {
            numSlices = 1;
            timeLeft = 20;
            ctx.clearRect(0, 0, canvas.width, canvas.height);
            ctx.drawImage(pizzaImage, 0, 0, 400, 400);
        }
        
        pizzaImage.onload = function() {
            ctx.drawImage(pizzaImage, 0, 0, 400, 400);
        };
    </script>
</body>
</html>