AI game creator

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

No:26980

144

←

Prev Next

→

Chef Simulator
Developer User13363｜Date and time 23/12/3 20:47:01
Build time 77.065 sec｜Game capacity 4.018KB｜

Script

Gameplay Instructions:

As a chef, your goal is to prepare dishes before the timer runs out. Tap the pictograms of ingredients to collect them. Tap the "Prepare" button to start cooking the dish. Time is of the essence!

🥩 🧅 🍅

←

Prev　Next

→ 　

Back　

[PR]現在の人気グッズランキング

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

<!DOCTYPE html>
<html>
<head>
    <title>Chef Simulator - Game</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            text-align: center;
        }

.header {
            padding: 20px;
            background-color: #f1f1f1;
        }

.content {
            margin: 20px;
        }

.buttons {
            margin-top: 20px;
        }

.button {
            padding: 10px 20px;
            background-color: #4CAF50;
            color: white;
            border: none;
            border-radius: 5px;
            font-size: 16px;
            cursor: pointer;
            margin: 10px;
        }

.progress-bar {
            width: 200px;
            height: 20px;
            background-color: lightgray;
            border-radius: 10px;
            margin: 20px auto;
        }

.progress {
            height: 100%;
            background-color: green;
            border-radius: 10px;
        }

.message {
            margin-top: 20px;
        }

.pictograms {
            font-size: 30px;
        }
    </style>
</head>
<body>
    <div class="header">
        <h1>Chef Simulator</h1>
    </div>

<div class="content">
        <h2>Gameplay Instructions:</h2>
        <p>As a chef, your goal is to prepare dishes before the timer runs out. Tap the pictograms of ingredients to collect them. Tap the "Prepare" button to start cooking the dish. Time is of the essence!</p>

<div class="buttons">
            <button onclick="startGame()">Start</button>
        </div>

<div class="pictograms">
            <p>
                <span onclick="collectIngredient('meat')">🥩</span>
                <span onclick="collectIngredient('onion')">🧅</span>
                <span onclick="collectIngredient('tomato')">🍅</span>
            </p>
        </div>
        
        <div class="buttons">
            <button onclick="prepareDish()">Prepare</button>
        </div>
    </div>

function startGame() {
            document.getElementById("message").innerHTML = "";
            ingredients.meat = 0;
            ingredients.onion = 0;
            ingredients.tomato = 0;
            timeLeft = 60;
            progressWidth = 0;
            updateProgress();
            setInterval(updateTime, 1000);
        }

function collectIngredient(ingredient) {
            ingredients[ingredient]++;
        }

function updateTime() {
            timeLeft--;
            if (timeLeft <= 0) {
                clearInterval(updateTime);
                document.getElementById("message").innerHTML = "Time's up! Game over.";
            }
            updateProgress();
        }

function updateProgress() {
            document.getElementById("progress").style.width = progressWidth + "%";
        }
    </script>
</body>
</html>