A game about a guy that runs around shooting and it is sci-fi themed's game

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

No:35795

←

Prev Next

→

A game about a guy that runs around shooting and i..ALL
Developer User16636｜Date and time 24/1/15 9:43:26
Build time 16.914 sec｜Game capacity 4.775KB｜

Script

Sure! Here's an example of a simple sci-fi themed game involving a character running around and shooting using pictograms. Please note that this code is just a basic implementation to give you an idea, and you can customize and enhance it further to suit your requirements.

Make sure to create a folder called `images` and put appropriate image files named `emozi_all/player.png`, `emozi_chicken.png`, and `emozi_all/enemy.png` in it. You can replace these images with corresponding pictograms or sprit sheets as per your preference. Please note that this code is just a starting point, and more features like levels, power-ups, animations, sound effects, etc., can be added to enhance the gameplay experience.

←

Prev　Next

→ 　

Back　

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

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

```html
<!DOCTYPE html>
<html>
<head>
  <title>Sci-Fi Shooting Game</title>
  <style>
    canvas {
      border: 2px solid black;
      display: block;
      margin: 0 auto;
    }
  </style>
</head>
<body>
  <canvas id="gameCanvas" width="400" height="400"></canvas>

const playerSize = 32;
    const bulletSize = 8;
    const enemySize = 24;
    const playerSpeed = 5;
    const bulletSpeed = 8;
    const enemySpeed = 4;

const playerImg = new Image();
    playerImg.src = 'images/player.png';

const bulletImg = new Image();
    bulletImg.src = 'images/bullet.png';

const enemyImg = new Image();
    enemyImg.src = 'images/enemy.png';

let playerX = canvas.width / 2;
    let playerY = canvas.height / 2;
    let bullets = [];
    let enemies = [];
    let score = 0;

// Functions
    function drawPlayer() {
      ctx.drawImage(playerImg, playerX - playerSize/2, playerY - playerSize/2, playerSize, playerSize);
    }

function drawBullets() {
      bullets.forEach((bullet) => {
        ctx.drawImage(bulletImg, bullet.x - bulletSize/2, bullet.y - bulletSize/2, bulletSize, bulletSize);
      });
    }

function drawEnemies() {
      enemies.forEach((enemy) => {
        ctx.drawImage(enemyImg, enemy.x - enemySize/2, enemy.y - enemySize/2, enemySize, enemySize);
      });
    }

function movePlayer(direction) {
      switch (direction) {
        case 'up':
          playerY -= playerSpeed;
          break;
        case 'down':
          playerY += playerSpeed;
          break;
        case 'left':
          playerX -= playerSpeed;
          break;
        case 'right':
          playerX += playerSpeed;
          break;
      }
    }

function shoot() {
      const bullet = {
        x: playerX,
        y: playerY,
        speed: bulletSpeed
      };
      bullets.push(bullet);
    }

function spawnEnemy() {
      const enemy = {
        x: Math.random() * canvas.width,
        y: Math.random() * canvas.height,
        speed: enemySpeed
      };
      enemies.push(enemy);
    }

function updateScore() {
      ctx.font = '20px Arial';
      ctx.fillStyle = 'white';
      ctx.fillText(`Score: ${score}`, 10, 30);
    }

function gameLoop() {
      ctx.clearRect(0, 0, canvas.width, canvas.height);

drawPlayer();
      drawBullets();
      drawEnemies();
      updateBullets();
      updateEnemies();
      checkCollision();
      updateScore();

requestAnimationFrame(gameLoop);
    }

// Event Listeners
    document.addEventListener('keydown', (event) => {
      switch(event.key) {
        case 'ArrowUp':
          movePlayer('up');
          break;
        case 'ArrowDown':
          movePlayer('down');
          break;
        case 'ArrowLeft':
          movePlayer('left');
          break;
        case 'ArrowRight':
          movePlayer('right');
          break;
        case ' ':
          shoot();
          break;
      }
    });

// Game Start
    spawnEnemy();
    gameLoop();
  </script>
</body>
</html>
```

Make sure to create a folder called `images` and put appropriate image files named `player.png`, `bullet.png`, and `enemy.png` in it. You can replace these images with corresponding pictograms or sprit sheets as per your preference.

Please note that this code is just a starting point, and more features like levels, power-ups, animations, sound effects, etc., can be added to enhance the gameplay experience.