Make a game where you are a baby and you are suppose to drive to kreek craft and lankybox house's game

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

No:33628

←

Prev Next

→

Make a game where you are a baby and you are suppo..ALL
Developer User15838｜Date and time 24/1/5 12:48:58
Build time 37.604 sec｜Game capacity 3.699KB｜

Script

Sure! Here's an example of a simple game where you play as a baby and your goal is to drive to Kreek Craft and LankyBox's house. The game is designed for smartphone operation and uses pictograms. Please note that this is a basic implementation and can be further enhanced as per your requirements.

In this game, you control the baby's movement by touch input on the smartphone screen. The baby is represented by a blue circle and can be moved horizontally across the screen. Kreek Craft's house is represented by an image named "emozi_all/game.png" and positioned on the left, while LankyBox's house is represented by an image named "emozi_all/house.png" and positioned on the right. The game continuously updates the display and restricts the baby's movement within the canvas boundaries.

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋ゲームランキング

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

```html
<!DOCTYPE html>
<html>
  <head>
    <title>Baby Driving Game</title>
  </head>
  <body>
    <canvas id="gameCanvas" width="400" height="600"></canvas>
    <script>
      // Global variables
      var canvas, canvasContext;
      var babyX = 200; // Initial position of the baby
      var kreekX = 50; // Position of Kreek Craft's house
      var lankyX = 350; // Position of LankyBox's house

window.onload = function() {
        canvas = document.getElementById('gameCanvas');
        canvasContext = canvas.getContext('2d');
        
        // Game loop
        setInterval(update, 1000 / 60);

// Event listener for touch controls on mobile devices
        canvas.addEventListener('touchstart', handleTouchStart, false);
        canvas.addEventListener('touchmove', handleTouchMove, false);

// Event handler for touchstart event
        function handleTouchStart(event) {
          event.preventDefault();
        }

// Event handler for touchmove event
        function handleTouchMove(event) {
          var touch = event.touches[0];
          var touchX = touch.clientX - canvas.offsetLeft;
          babyX = touchX; // Move the baby based on touch position
        }
      }

// Update function called in game loop
      function update() {
        moveBaby();
        drawEverything();
      }

// Function to move the baby based on touch input
      function moveBaby() {
        // Limit baby's movement within the canvas boundaries
        if (babyX < 0) {
          babyX = 0;
        } else if (babyX > canvas.width) {
          babyX = canvas.width;
        }
      }

// Function to draw everything on the canvas
      function drawEverything() {
        // Clear the canvas
        colorRect(0, 0, canvas.width, canvas.height, 'white');

// Draw the baby
        colorCircle(babyX, 500, 25, 'blue');

// Draw Kreek Craft's house
        drawImage('kreek.png', kreekX, 100, 100, 100);

// Draw LankyBox's house
        drawImage('lankybox.png', lankyX, 100, 100, 100);
      }

// Function to draw a colored rectangle
      function colorRect(leftX, topY, width, height, color) {
        canvasContext.fillStyle = color;
        canvasContext.fillRect(leftX, topY, width, height);
      }

// Function to draw a colored circle
      function colorCircle(centerX, centerY, radius, color) {
        canvasContext.fillStyle = color;
        canvasContext.beginPath();
        canvasContext.arc(centerX, centerY, radius, 0, Math.PI * 2, true);
        canvasContext.fill();
      }

// Function to draw an image on the canvas
      function drawImage(imageSrc, posX, posY, width, height) {
        var image = new Image();
        image.src = imageSrc;
        image.onload = function() {
          canvasContext.drawImage(image, posX, posY, width, height);
        };
      }
    </script>
  </body>
</html>
```

In this game, you control the baby's movement by touch input on the smartphone screen. The baby is represented by a blue circle and can be moved horizontally across the screen. Kreek Craft's house is represented by an image named "kreek.png" and positioned on the left, while LankyBox's house is represented by an image named "lankybox.png" and positioned on the right. The game continuously updates the display and restricts the baby's movement within the canvas boundaries.