AI game creator

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

No:30281

←

Prev Next

→

Make a cooking game
Developer User14724｜Date and time 23/12/21 4:28:00
Build time 13.718 sec｜Game capacity 2.3KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在のフィギュア売れ筋ランキング

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

<!DOCTYPE html>
<html>
<head>
    <title>Cooking Game</title>
</head>
<body>
    <canvas id="gameCanvas" width="400" height="400"></canvas>

// Define the ingredients
        var ingredients = ["🍞", "🍅", "🧀", "🥓", "🥚"];

// Variables for game state
        var currentIngredient;
        var isCooking = false;

// Randomly select an ingredient
        var selectIngredient = function () {
            var index = Math.floor(Math.random() * ingredients.length);
            var ingredient = ingredients[index];
            return ingredient;
        };

// Event listener for touch/click on the canvas
        canvas.addEventListener("click", function (event) {
            if (!isCooking) {
                isCooking = true;
                currentIngredient = selectIngredient();
                startCooking();
            }
        });

// Cooking animation
        var startCooking = function () {
            var cookingInterval = setInterval(function () {
                context.clearRect(0, 0, canvas.width, canvas.height);
                context.font = "50px Arial";
                context.fillText(currentIngredient, canvas.width/2 - 25, canvas.height/2);

var rotation = Math.random() * 360;
                context.translate(canvas.width/2, canvas.height/2);
                context.rotate(rotation * Math.PI / 180);
                context.translate(-canvas.width/2, -canvas.height/2);

// Display cooking progress
                context.font = "20px Arial";
                context.fillText("Cooking...", 10, 30);

// Check if cooking is done
                if (Math.random() < 0.3) {
                    clearInterval(cookingInterval);
                    isCooking = false;

// Display finished dish
                    context.clearRect(0, 0, canvas.width, canvas.height);
                    context.font = "50px Arial";
                    context.fillText("🍽️", canvas.width/2 - 25, canvas.height/2);
                }
            }, 500);
        };
    </script>
</body>
</html>