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

No:44650

←

Prev Next

→

Car decor game
Developer User19445｜Date and time 24/2/18 22:38:36
Build time 7.942 sec｜Game capacity 1.644KB｜

Script

Car Decor Game

←

Prev　Next

→ 　

Back　

[PR]現在の本の売れ筋ランキング

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

<!DOCTYPE html>
<html>
<head>
  <title>Car Decor Game</title>
</head>
<body>
  <h1>Car Decor Game</h1>
  
  <canvas id="gameCanvas" width="400" height="400"></canvas>
  
  <script>
    const canvas = document.getElementById('gameCanvas');
    const ctx = canvas.getContext('2d');
    
    let carColor = 'red';
    let carPattern = 'stripes';
    
    function drawCar() {
      ctx.fillStyle = carColor;
      ctx.fillRect(50, 50, 300, 150);
      
      if (carPattern === 'stripes') {
        ctx.fillStyle = 'white';
        ctx.fillRect(60, 60, 10, 130);
        ctx.fillRect(100, 60, 10, 130);
        ctx.fillRect(140, 60, 10, 130);
        ctx.fillRect(180, 60, 10, 130);
        ctx.fillRect(220, 60, 10, 130);
        ctx.fillRect(260, 60, 10, 130);
        ctx.fillRect(300, 60, 10, 130);
      } else if (carPattern === 'dots') {
        ctx.fillStyle = 'black';
        ctx.beginPath();
        ctx.arc(55, 65, 5, 0, 2*Math.PI);
        ctx.fill();
        ctx.beginPath();
        ctx.arc(325, 65, 5, 0, 2*Math.PI);
        ctx.fill();
        ctx.beginPath();
        ctx.arc(55, 135, 5, 0, 2*Math.PI);
        ctx.fill();
        ctx.beginPath();
        ctx.arc(325, 135, 5, 0, 2*Math.PI);
        ctx.fill();
      }
    }
    
    function changeColor() {
      carColor = prompt('Enter car color:');
      drawCar();
    }
    
    function changePattern() {
      carPattern = prompt('Enter car pattern (stripes or dots):');
      drawCar();
    }
    
    drawCar();
  </script>
  
  <button onclick="changeColor()">Change Car Color</button>
  <button onclick="changePattern()">Change Car Pattern</button>

</body>
</html>