Make a cooking game where you cook different recipes to serve to customers's game

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

No:52680

193

←

Prev Next

→

Make a cooking game where you cook different recip..ALL
Developer User22107｜Date and time 24/3/24 2:29:24
Build time 10.651 sec｜Game capacity 1.816KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

```html
<!DOCTYPE html>
<html>

<head>
    <title>Cooking Game</title>
</head>

<body>
    <canvas id="gameCanvas" width="800" height="600"></canvas>
    <script>
        const canvas = document.getElementById("gameCanvas");
        const ctx = canvas.getContext("2d");

// Define the recipes and ingredients
        const recipes = [
            { name: "Burger", ingredients: ["🍔", "🍅", "🧀", "🥬"] },
            { name: "Pizza", ingredients: ["🍕", "🍅", "🧀", "🍄"] },
            { name: "Taco", ingredients: ["🌮", "🌶️", "🥩", "🧀"] }
        ];

// Display the recipe options to the player
        function displayRecipes() {
            ctx.clearRect(0, 0, canvas.width, canvas.height);
            ctx.font = "30px Arial";
            ctx.fillText("Choose a recipe to cook:", 200, 100);

for (let i = 0; i < recipes.length; i++) {
                ctx.fillText(`${i + 1}. ${recipes[i].name}`, 200, 150 + i * 50);
            }
        }

// Cook the selected recipe
        function cookRecipe(recipeIndex) {
            const ingredients = recipes[recipeIndex].ingredients;
            ctx.clearRect(0, 0, canvas.width, canvas.height);
            ctx.font = "50px Arial";

for (let i = 0; i < ingredients.length; i++) {
                ctx.fillText(ingredients[i], 100 + i * 100, 200);
            }

ctx.fillText("Enjoy your meal!", 200, 400);
        }

// Handle player input
        canvas.addEventListener("click", function (event) {
            const recipeIndex = Math.floor((event.clientY - 150) / 50);
            if (recipeIndex >= 0 && recipeIndex < recipes.length) {
                cookRecipe(recipeIndex);
            }
        });

displayRecipes();
    </script>
</body>

</html>
```