Your character has a joystick to move and there's a knife which is trying to k○ll you you have to dodge you don't you get one scorecard you need 20 score cards to beat the game's game

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

No:35837

146

←

Prev Next

→

Your character has a joystick to move and there's ..ALL
Developer User16468｜Date and time 24/1/15 14:26:45
Build time 12.309 sec｜Game capacity 3.141KB｜

Script

Sure, here's an example of a simple game where you have to dodge a knife using a joystick-like control. The objective is to collect 20 score cards without getting hit by the knife. The game is implemented in a single HTML file and uses JavaScript. You can play the game by running the HTML file in a web browser. Please note that due to the limitations of this text-based interface, I cannot provide pictograms or smartphone-specific features. Here's the code:

To play the game, just copy the above code into a `.html` file and open it in a web browser. The game canvas will appear, and you can control the blue joystick by moving your mouse inside the canvas. Dodge the red knife and collect score cards by overlapping them with the joystick. Once you collect 20 score cards, an alert will appear congratulating you on beating the game.

←

Prev　Next

→ 　

Back　

[PR]現在の新着人気ランキング

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

```html
<!DOCTYPE html>
<html>
<head>
  <title>Dodging Knife Game</title>
  <style>
    canvas {
      border: 1px solid black;
      display: block;
      margin: 20px auto;
    }
  </style>
</head>
<body>
  <canvas id="gameCanvas" width="400" height="400"></canvas>

const JOYSTICK_SIZE = 50;
    const KNIFE_SPEED = 5;

// Initialize the game
    window.onload = function() {
      canvas = document.getElementById('gameCanvas');
      canvasContext = canvas.getContext('2d');

// Handle joystick movement
      canvas.addEventListener('mousemove', function(event) {
        var rect = canvas.getBoundingClientRect();
        playerX = event.clientX - rect.left - JOYSTICK_SIZE / 2;
        playerY = event.clientY - rect.top - JOYSTICK_SIZE / 2;
      });

setInterval(function() {
        moveKnife();
        drawEverything();
        checkCollision();
      }, 30);
    }

// Move the knife towards the player
    function moveKnife() {
      if (knifeX < playerX) {
        knifeX += KNIFE_SPEED;
      } else {
        knifeX -= KNIFE_SPEED;
      }
    }

// Draw the game canvas
    function drawEverything() {
      // Background
      colorRect(0, 0, canvas.width, canvas.height, 'black');

// Knife
      colorRect(knifeX, 0, 10, canvas.height, 'red');

// Player
      colorRect(playerX, playerY, JOYSTICK_SIZE, JOYSTICK_SIZE, 'blue');
      
      // Score
      canvasContext.font = "20px Arial";
      canvasContext.fillStyle = 'white';
      canvasContext.fillText("Score: " + playerScore, 10, 30);
    }

// Check if the knife collided with the player
    function checkCollision() {
      if (knifeX >= playerX && knifeX <= playerX + JOYSTICK_SIZE) {
        playerScore++;
        knifeX = 0;
      }

if (playerScore >= 20) {
        alert("You beat the game! Congratulations!");
        playerScore = 0;
      }
    }

// Helper function to draw colored rectangles
    function colorRect(leftX, topY, width, height, color) {
      canvasContext.fillStyle = color;
      canvasContext.fillRect(leftX, topY, width, height);
    }
  </script>
</body>
</html>
```