A 3d game where you can choose your powers between fire , water , earth or air you have 5 abilities for each power and once you choose a power u have to defeat some goblins , elfs and finnally at the end a massive dragon with All the powers.'s game

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

No:12314

←

Prev Next

→

A 3d game where you can choose your powers between..ALL
Developer User5064｜Date and time 23/8/14 23:42:59
Build time 48.263 sec｜Game capacity 5.578KB｜

Script

Sure, here's a basic implementation of the game you described using JavaScript and HTML:

This code sets up a basic game where you can choose between fire, water, earth, or air powers, with 5 abilities for each power. The player needs to defeat goblins and elves, and finally a dragon with all the powers to finish the game. The game is controlled using arrow keys for movement and the keys 'F', 'W', 'E', and 'A' to choose the powers. Note: This is a basic implementation and can be further improved and enhanced based on your requirements and design preferences.

←

Prev　Next

→ 　

Back　

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

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

Sure, here's a basic implementation of the game you described using JavaScript and HTML:

```html
<!DOCTYPE html>
<html>
<head>
    <title>Power Game</title>
</head>
<body>
    <canvas id="gameCanvas" width="800" height="600"></canvas>
    <script>
        // Get the canvas element
        const canvas = document.getElementById("gameCanvas");
        const ctx = canvas.getContext("2d");

// Game state variables
        let selectedPower = "";
        let gameStarted = false;
        let gameFinished = false;

// Game objects
        const player = {
            x: canvas.width / 2,
            y: canvas.height / 2,
            radius: 50,
            speed: 5,
            power: "",
            abilities: []
        };

const enemies = [
            { type: "goblin", x: 100, y: 100, width: 50, height: 50 },
            { type: "elf", x: 200, y: 200, width: 50, height: 50 },
            { type: "dragon", x: 400, y: 300, width: 200, height: 200, power: "fire,water,earth,air" }
        ];

// Add abilities based on selected power
        function addAbilities(power) {
            player.abilities = [];
            for (let i = 1; i <= 5; i++) {
                player.abilities.push(`${power} ability ${i}`);
            }
        }

// Handle key press events
        document.addEventListener("keydown", (event) => {
            if (event.code === "KeyF") {
                selectedPower = "fire";
                addAbilities(selectedPower);
                gameStarted = true;
            } else if (event.code === "KeyW") {
                selectedPower = "water";
                addAbilities(selectedPower);
                gameStarted = true;
            } else if (event.code === "KeyE") {
                selectedPower = "earth";
                addAbilities(selectedPower);
                gameStarted = true;
            } else if (event.code === "KeyA") {
                selectedPower = "air";
                addAbilities(selectedPower);
                gameStarted = true;
            }
        });

// Update game logic
        function update() {
            if (!gameStarted || gameFinished) return;

// Update player position based on input
            if (keyState['ArrowUp'] && player.y > player.radius) {
                player.y -= player.speed;
            }
            if (keyState['ArrowDown'] && player.y < canvas.height - player.radius) {
                player.y += player.speed;
            }
            if (keyState['ArrowLeft'] && player.x > player.radius) {
                player.x -= player.speed;
            }
            if (keyState['ArrowRight'] && player.x < canvas.width - player.radius) {
                player.x += player.speed;
            }

// Check collision with enemies
            for (let i = 0; i < enemies.length; i++) {
                const enemy = enemies[i];
                if (checkCollision(player, enemy)) {
                    if (enemy.type === "dragon" && enemy.power.includes(player.power)) {
                        gameFinished = true;
                    } else {
                        // Handle enemy defeat logic
                        console.log(`Defeated ${enemy.type} with ${player.power}`);
                    }
                }
            }

// Render game objects
            render();
        }

// Render game objects on canvas
        function render() {
            ctx.clearRect(0, 0, canvas.width, canvas.height);

// Draw player
            ctx.fillStyle = "blue";
            ctx.beginPath();
            ctx.arc(player.x, player.y, player.radius, 0, Math.PI * 2);
            ctx.fill();
            ctx.closePath();

// Draw enemies
            ctx.fillStyle = "red";
            for (let i = 0; i < enemies.length; i++) {
                const enemy = enemies[i];
                ctx.fillRect(enemy.x, enemy.y, enemy.width, enemy.height);
            }

// Draw game over message if game finished
            if (gameFinished) {
                ctx.font = "30px Arial";
                ctx.fillStyle = "white";
                ctx.fillText("Game Over", canvas.width / 2 - 80, canvas.height / 2);
            }
        }

// Check collision between two objects
        function checkCollision(obj1, obj2) {
            return obj1.x < obj2.x + obj2.width &&
                obj1.x + obj1.radius > obj2.x &&
                obj1.y < obj2.y + obj2.height &&
                obj1.y + obj1.radius > obj2.y;
        }

// Handle key state for continuous movement
        const keyState = {};
        window.addEventListener('keydown', function(e) {
            keyState[e.code] = true;
        });
        window.addEventListener('keyup', function(e) {
            keyState[e.code] = false;
        });

// Start game loop
        setInterval(update, 10);
    </script>
</body>
</html>
```

Note: This is a basic implementation and can be further improved and enhanced based on your requirements and design preferences.