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

No:41308

←

Prev Next

→

Command Rat
Developer User18502｜Date and time 24/2/6 22:01:32
Build time 13.445 sec｜Game capacity 2.91KB｜

Script

As a language model AI, I can provide you with a sample code for a simple game using JavaScript. Here's an example of a game called "Command Rat" using pictograms and designed for smartphone operation. Please note that this is just a basic example, and you can modify and expand it according to your requirements.

Command Rat Game

In this example, the game features a rat represented by an image. The player can click on the directional buttons (up, down, left, right) to move the rat within a 3x3 grid. You can replace the image URLs with your own pictograms and modify the game logic to suit your specific requirements.

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいものランキング

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

```
<!DOCTYPE html>
<html>
<head>
  <title>Command Rat Game</title>
  <style>
    body {
      font-family: Arial, sans-serif;
      text-align: center;
      margin-top: 100px;
    }
    img {
      width: 100px;
      height: 100px;
    }
    button {
      margin-top: 20px;
      padding: 10px 20px;
      font-size: 16px;
    }
  </style>
</head>
<body>
  <h1>Command Rat Game</h1>
  <img id="rat" src="https://example.com/rat.png" alt="Rat" />
  <br />
  <button onclick="move('up')"><img src="https://example.com/up.png" alt="Up" /></button><br />
  <button onclick="move('left')"><img src="https://example.com/left.png" alt="Left" /></button>
  <button onclick="move('right')"><img src="https://example.com/right.png" alt="Right" /></button><br />
  <button onclick="move('down')"><img src="https://example.com/down.png" alt="Down" /></button>
  <br />
  <script>
    // Game variables
    var ratPosition = { x: 0, y: 0 };
    
    // Function to move the rat
    function move(direction) {
      var newPosition = { x: ratPosition.x, y: ratPosition.y };
      
      // Update the rat's position based on the direction
      if (direction === 'up') {
        newPosition.y -= 1;
      } else if (direction === 'down') {
        newPosition.y += 1;
      } else if (direction === 'left') {
        newPosition.x -= 1;
      } else if (direction === 'right') {
        newPosition.x += 1;
      }
      
      // Check if the new position is within the game boundaries
      if (isValidPosition(newPosition)) {
        ratPosition = newPosition;
        updateRatPosition();
      }
    }
    
    // Function to check if a position is valid
    function isValidPosition(position) {
      // Replace with your game logic to determine valid positions
      // Here's a sample code considering a 3x3 game grid
      return position.x >= 0 && position.x < 3 && position.y >= 0 && position.y < 3;
    }
    
    // Function to update the rat's position on the screen
    function updateRatPosition() {
      var ratElement = document.getElementById('rat');
      ratElement.style.marginLeft = (ratPosition.x * 120) + 'px';
      ratElement.style.marginTop = (ratPosition.y * 120) + 'px';
    }
    
    // Initial update of the rat's position
    updateRatPosition();
  </script>
</body>
</html>
```