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

No:11056

195

←

Prev Next

→

The Adventures of Noggin the Rock! Buy on Nintendo..ALL
Developer User4714｜Date and time 23/8/7 3:07:37
Build time 19.811 sec｜Game capacity 2.278KB｜

Script

Sure! Here's an example of how you can create a simple game called "The Adventures of Noggin the Rock" using JavaScript and HTML:

The Adventures of Noggin the Rock

In this example, we have a game container where the player (represented by a rock pictogram) can move around using the arrow keys on a smartphone. The player's movement is handled by the `movePlayer` function, which updates the player's position and moves it accordingly. The player's initial position is set to (0, 0) and arrow key presses trigger the movement. Ensure you replace `'emozi_all/game.png'` with the actual path to a rock pictogram image. Please note that this is a very basic example just to illustrate the concept. You can add more features, levels, and interactions to make it a complete game.

←

Prev　Next

→ 　

Back　

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

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

Sure! Here's an example of how you can create a simple game called "The Adventures of Noggin the Rock" using JavaScript and HTML:

```html
<!DOCTYPE html>
<html>
<head>
  <title>The Adventures of Noggin the Rock</title>
  <style>
    body {
      text-align: center;
    }
    
    #game-container {
      margin: 20px auto;
      width: 300px;
      height: 300px;
      border: 2px solid #000;
      position: relative;
    }
    
    #player {
      position: absolute;
      bottom: 0;
      left: 0;
      height: 50px;
      width: 50px;
      background: url('rock.png') no-repeat;
      background-size: contain;
    }
  </style>
</head>

<body>
  <h1>The Adventures of Noggin the Rock</h1>
  <div id="game-container">
    <div id="player"></div>
  </div>

// Function to move the player
    function movePlayer(x, y) {
      playerPos.x += x;
      playerPos.y += y;
      player.style.left = playerPos.x + 'px';
      player.style.bottom = playerPos.y + 'px';
    }

// Event listener for arrow keys to move the player
    document.addEventListener('keydown', function(e) {
      switch (e.keyCode) {
        case 37: // Left arrow key
          movePlayer(-10, 0);
          break;
        case 39: // Right arrow key
          movePlayer(10, 0);
          break;
        case 38: // Up arrow key
          movePlayer(0, 10);
          break;
        case 40: // Down arrow key
          movePlayer(0, -10);
          break;
      }
    });
  </script>
</body>
</html>
```

In this example, we have a game container where the player (represented by a rock pictogram) can move around using the arrow keys on a smartphone. The player's movement is handled by the `movePlayer` function, which updates the player's position and moves it accordingly. The player's initial position is set to (0, 0) and arrow key presses trigger the movement. Ensure you replace `'rock.png'` with the actual path to a rock pictogram image.

Please note that this is a very basic example just to illustrate the concept. You can add more features, levels, and interactions to make it a complete game.