Make a game where you have special wind powers and you have to survive by using them make a final boss who Is strong and has 3 unique powers along with a bunch of enemies you must defeat along the way's game

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

No:36775

←

Prev Next

→

Make a game where you have special wind powers and..ALL
Developer User16864｜Date and time 24/1/18 10:18:51
Build time 14.648 sec｜Game capacity 3.923KB｜

Script

Sure! Here's a simple game implementation using HTML and JavaScript where you control a character with special wind powers. The character must survive by defeating enemies and ultimately face a final boss. Please note that this is a basic example, and you can enhance it further based on your requirements.

In this game, the player is represented by a blue rectangle, enemies by green rectangles, and the boss by a red rectangle. The player can move up, down, left, and right using the arrow keys. The enemies and boss move towards the player from the right side of the canvas. This is a basic starting point, and you can expand it by adding collision detection, different attack powers, scoring system, levels, etc., based on your game design.

←

Prev　Next

→ 　

Back　

[PR]現在のゲームギフトランキング

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

```html
<!DOCTYPE html>
<html>
<head>
  <title>Wind Powers Game</title>
  <style>
    canvas {
      border: 1px solid #000;
      display: block;
      margin: 0 auto;
    }
  </style>
</head>
<body>
  <canvas id="gameCanvas" width="400" height="300"></canvas>

// Character object
    function Character(x, y, width, height, color, speed) {
      this.x = x;
      this.y = y;
      this.width = width;
      this.height = height;
      this.color = color;
      this.speed = speed;

this.draw = function() {
        context.fillStyle = this.color;
        context.fillRect(this.x, this.y, this.width, this.height);
      }

this.update = function() {
        this.draw();
      }
    }

// Player object
    function Player(x, y, width, height, color, speed) {
      Character.call(this, x, y, width, height, color, speed);

this.moveUp = function() {
        this.y -= this.speed;
      }

this.moveDown = function() {
        this.y += this.speed;
      }

this.moveLeft = function() {
        this.x -= this.speed;
      }

this.moveRight = function() {
        this.x += this.speed;
      }
    }

// Enemy object
    function Enemy(x, y, width, height, color, speed) {
      Character.call(this, x, y, width, height, color, speed);

this.update = function() {
        this.x -= this.speed;
        this.draw();
      }
    }

// Boss object
    function Boss(x, y, width, height, color, speed) {
      Character.call(this, x, y, width, height, color, speed);
      this.powers = ['Power1', 'Power2', 'Power3'];

this.update = function() {
        this.x -= this.speed;
        this.draw();
      }
    }

function init() {
      canvas = document.getElementById('gameCanvas');
      context = canvas.getContext('2d');
      player = new Player(50, canvas.height / 2 - 25, 25, 25, 'blue', 5);
      boss = new Boss(canvas.width - 50, canvas.height / 2 - 25, 50, 50, 'red', 2);
      
      // Creating enemies at random positions
      for (let i = 0; i < 5; i++) {
        let x = canvas.width + Math.random() * canvas.width;
        let y = Math.random() * canvas.height;
        let width = 20;
        let height = 20;
        let color = 'green';
        let speed = Math.random() * 3 + 1;
        enemies.push(new Enemy(x, y, width, height, color, speed));
      }

document.addEventListener('keydown', function(event) {
        switch (event.keyCode) {
          case 38:
            player.moveUp();
            break;
          case 40:
            player.moveDown();
            break;
          case 37:
            player.moveLeft();
            break;
          case 39:
            player.moveRight();
            break;
        }
      });

gameLoop();
    }

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

player.update();
      enemies.forEach(function(enemy) {
        enemy.update();
      });
      boss.update();

requestAnimationFrame(gameLoop);
    }

init();
  </script>
</body>
</html>
```