Shooting Game's game | AI game creator

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

No:15855

67

Shooting Game
Developer User6949｜Date and time 23/9/13 0:33:09
Build time 27.086 sec｜Game capacity 3.277KB｜

Sure! Here's an example of a simple shooting game implemented in a single HTML file using JavaScript. It's designed to be played on a smartphone and uses pictograms for visual elements. Remember to enclose the code within `` tags in your HTML file to execute it. <br><br> <br> <style> #loadedGame { background-color: #f0f0f0; text-align: center; font-family: Arial, sans-serif; } #game-board { width: 300px; height: 400px; margin: 0 auto; border: 2px solid #ccc; position: relative; } #player { width: 50px; height: 50px; background-color: #ff0000; position: absolute; bottom: 0; } #bullet { width: 10px; height: 30px; background-color: #0000ff; position: absolute; bottom: 50px; } </style> <h1>Shooting Game</h1> <div id="game-board"> <div id="player"></div> <div id="bullet"></div> </div>

This code sets up a simple shooting game where you control a player (a red square) at the bottom of the screen. Pressing the left and right arrow keys moves the player horizontally, and pressing the space key shoots a bullet (a blue rectangle) upwards from the player's position. Feel free to customize and expand the game according to your needs!

→ 　

0　

0　

　

　

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

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

(C)2023 HisashiApp

Sure! Here's an example of a simple shooting game implemented in a single HTML file using JavaScript. It's designed to be played on a smartphone and uses pictograms for visual elements. Remember to enclose the code within `<script>` tags in your HTML file to execute it.

```html
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Shooting Game</title>
    <style>
        body {
          background-color: #f0f0f0;
          text-align: center;
          font-family: Arial, sans-serif;
        }
        #game-board {
          width: 300px;
          height: 400px;
          margin: 0 auto;
          border: 2px solid #ccc;
          position: relative;
        }
        #player {
          width: 50px;
          height: 50px;
          background-color: #ff0000;
          position: absolute;
          bottom: 0;
        }
        #bullet {
          width: 10px;
          height: 30px;
          background-color: #0000ff;
          position: absolute;
          bottom: 50px;
        }
    </style>
</head>
<body>
    <h1>Shooting Game</h1>
    <div id="game-board">
        <div id="player"></div>
        <div id="bullet"></div>
    </div>

<script>
        window.addEventListener('DOMContentLoaded', (event) => {
            const player = document.getElementById('player');
            const bullet = document.getElementById('bullet');
            let bulletInterval;

function moveLeft() {
              let leftPosition = parseInt(window.getComputedStyle(player).getPropertyValue('left'));
              if (leftPosition > 0) {
                player.style.left = `${leftPosition - 10}px`;
              }
            }
            
            function moveRight() {
              let leftPosition = parseInt(window.getComputedStyle(player).getPropertyValue('left'));
              if (leftPosition < 250) {
                player.style.left = `${leftPosition + 10}px`;
              }
            }

function shoot() {
              let bottomPosition = parseInt(window.getComputedStyle(bullet).getPropertyValue('bottom'));
              bullet.style.display = 'block';
              bullet.style.left = player.style.left;
              bulletInterval = setInterval(() => {
                if (bottomPosition > 400) {
                  clearInterval(bulletInterval);
                  bullet.style.display = 'none';
                } else {
                  bottomPosition += 10;
                  bullet.style.bottom = `${bottomPosition}px`;
                }
              }, 30);
            }

document.addEventListener('keydown', (event) => {
              if (event.keyCode === 37) {
                moveLeft();
              } else if (event.keyCode === 39) {
                moveRight();
              } else if (event.keyCode === 32) {
                shoot();
              }
            });
        });
    </script>
</body>
</html>
```

This code sets up a simple shooting game where you control a player (a red square) at the bottom of the screen. Pressing the left and right arrow keys moves the player horizontally, and pressing the space key shoots a bullet (a blue rectangle) upwards from the player's position.

Feel free to customize and expand the game according to your needs!