Pasta cooking game like cooking mama's game

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

No:19828

104

←

Prev Next

→

Pasta cooking game like cooking mama
Developer User8620｜Date and time 23/10/7 3:40:53
Build time 17.628 sec｜Game capacity 2.444KB｜

Script

Jeux de cuisine de pâtes

Appuyez sur les icônes pour préparer et cuisiner les pâtes.

←

Prev　Next

→ 　

Back　

[PR]現在の人気ゲームランキング

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

<!DOCTYPE html>
<html>
<head>
  <title>Pasta Cooking Game</title>
  <style>
    * {
      padding: 0;
      margin: 0;
    }
    canvas {
      border: 1px solid #333;
      display: block;
      margin: 0 auto;
    }
    #instructions {
      text-align: center;
      margin-top: 10px;
    }
    button {
      display: inline-block;
      padding: 5px 10px;
      margin-top: 10px;
      background-color: #333;
      color: #fff;
      border: none;
      cursor: pointer;
    }
  </style>
</head>
<body>
  <canvas id="gameCanvas" width="500" height="400"></canvas>
  <div id="instructions">
    <h3>Jeux de cuisine de pâtes</h3>
    <p>Appuyez sur les icônes pour préparer et cuisiner les pâtes.</p>
    <button onclick="startCooking()">Commencer</button>
  </div>

// Images des ingrédients et des étapes
    const pastaImg = new Image();
    pastaImg.src = "pasta.png";

const waterImg = new Image();
    waterImg.src = "water.png";

const boilImg = new Image();
    boilImg.src = "boil.png";

const sauceImg = new Image();
    sauceImg.src = "sauce.png";

// Variable pour suivre l'étape actuelle du jeu
    let currentStep = 0;

// Fonction pour dessiner l'étape actuelle
    function drawStep() {
      switch(currentStep) {
        case 0:
          ctx.drawImage(pastaImg, 150, 100);
          break;
        case 1:
          ctx.drawImage(waterImg, 150, 100);
          break;
        case 2:
          ctx.drawImage(boilImg, 150, 100);
          break;
        case 3:
          ctx.drawImage(sauceImg, 150, 100);
          break;
        case 4:
          finishGame();
          break;
      }
    }

// Fonction pour passer à l'étape suivante
    function nextStep() {
      currentStep++;
      drawStep();
    }

// Fonction pour commencer la cuisson
    function startCooking() {
      document.getElementById("instructions").style.display = "none";
      drawStep();
    }

// Fonction appelée lorsque le jeu est terminé
    function finishGame() {
      ctx.clearRect(0, 0, canvas.width, canvas.height);
      ctx.font = "30px Arial";
      ctx.fillText("Les pâtes sont prêtes ! Bon appétit !", 50, 200);
    }

// Gestion des clics sur le canvas pour passer à l'étape suivante
    canvas.addEventListener("click", nextStep);
  </script>
</body>
</html>