Petscop 2 Lemon Jump Red Lemon Jump Blue Lemon Jump Red And Blue's game

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

No:36297

107

←

Prev Next

→

Petscop 2 Lemon Jump Red Lemon Jump Blue Lemon Jum..ALL
Developer Skarby｜Date and time 24/1/17 6:24:39
Build time 12.605 sec｜Game capacity 2.955KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
  <title>Lemon Jump Game</title>
</head>
<body>
  <canvas id="gameCanvas" width="400" height="400"></canvas>
  
  <script>
    // Define the game objects and variables
    var canvas = document.getElementById("gameCanvas");
    var context = canvas.getContext("2d");
    var redLemonX = canvas.width/2 - 30;
    var redLemonY = canvas.height - 80;
    var blueLemonX = canvas.width/2 + 50;
    var blueLemonY = canvas.height - 80;
    var lemonWidth = 60;
    var lemonHeight = 60;
    var redLemonSpeed = 5;
    var blueLemonSpeed = 5;
    var isRedLemonClicked = false;
    var isBlueLemonClicked = false;
    var score = 0;
    
    // Handle click event on the canvas
    canvas.addEventListener("click", handleClick);
    
    // Update function to move the lemons and check for collisions
    function update() {
      clearCanvas();
      
      if (isRedLemonClicked) {
        redLemonY -= redLemonSpeed;
        score++;
      }
      if (isBlueLemonClicked) {
        blueLemonY -= blueLemonSpeed;
        score++;
      }
      
      drawLemons();
      drawScore();
      
      requestAnimationFrame(update);
    }
    
    // Draw the lemons on the canvas
    function drawLemons() {
      context.fillStyle = "red";
      context.fillRect(redLemonX, redLemonY, lemonWidth, lemonHeight);
      
      context.fillStyle = "blue";
      context.fillRect(blueLemonX, blueLemonY, lemonWidth, lemonHeight);
    }
    
    // Draw the score on the canvas
    function drawScore() {
      context.fillStyle = "black";
      context.font = "24px Arial";
      context.fillText("Score: " + score, 10, 30);
    }
    
    // Clear the canvas for each frame
    function clearCanvas() {
      context.clearRect(0, 0, canvas.width, canvas.height);
    }
    
    // Handle the click event on the canvas
    function handleClick(event) {
      var clickX = event.clientX - canvas.offsetLeft;
      var clickY = event.clientY - canvas.offsetTop;
      
      if (isClickedOnLemon(redLemonX, redLemonY, clickX, clickY)) {
        isRedLemonClicked = true;
      }
      
      if (isClickedOnLemon(blueLemonX, blueLemonY, clickX, clickY)) {
        isBlueLemonClicked = true;
      }
    }
    
    // Check if the click event occurred on the lemons 
    function isClickedOnLemon(lemonX, lemonY, clickX, clickY) {
      return clickX >= lemonX && clickX <= (lemonX + lemonWidth) &&
             clickY >= lemonY && clickY <= (lemonY + lemonHeight);
    }
    
    // Start the game
    update();
  </script>
  
  <style>
    body {
      margin: 0;
      padding: 0;
      overflow: hidden;
    }
    
    canvas {
      background-color: lightgreen;
      display: block;
      margin: auto;
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
    }
  </style>
</body>
</html>