Make a game where arrow keys control you. You’re looking at yourself from above on a green ground. Your goal is to walk around and shoot enemies the space button picks up weapons and ammo and the other space button shoots .you have limited by ammo in your only have three lives, infinite enemies just start coming from the sides of the map. I shoot which way I’m facing, and when I push the arrow key, it automatically makes me be facing that way when I k○ll people I get points to upgrade my charac's game

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

No:12714

←

Prev Next

→

Make a game where arrow keys control you. You’re l..ALL
Developer User4587｜Date and time 23/8/22 11:01:52
Build time 22 sec｜Game capacity 5.832KB｜

Script

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

Score: 0

This game allows you to control the player using arrow keys, shoot enemies using the space key, and displays the score. The game runs continuously with enemies spawning from the sides of the map. You have a limited ammo count and three lives. When an enemy is killed, you earn points that can be used to upgrade your character.

←

Prev　Next

→ 　

Back　

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

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

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

```html
<!DOCTYPE html>
<html>
<head>
    <title>Arrow Shooter Game</title>
    <style>
        body {
            background-color: #000;
            margin: 0;
            overflow: hidden;
        }
        
        #player {
            position: absolute;
            width: 50px;
            height: 50px;
            background-color: #fff;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
        }
        
        .enemy {
            position: absolute;
            width: 30px;
            height: 30px;
            background-color: red;
            top: 0;
        }
        
        #score {
            position: absolute;
            top: 10px;
            right: 10px;
            color: #fff;
            font-family: Arial, sans-serif;
            font-size: 14px;
        }
    </style>
</head>
<body onkeydown="handleKeyDown(event)">
    <div id="player"></div>
    <div id="score">Score: 0</div>
    
    <script>
        var player = document.getElementById('player');
        var score = document.getElementById('score');
        var scoreValue = 0;
        var ammo = 10;
        var lives = 3;
        
        function handleKeyDown(event) {
            var key = event.keyCode;
            
            switch (key) {
                case 37: // left arrow key
                    movePlayer('left');
                    break;
                case 38: // up arrow key
                    movePlayer('up');
                    break;
                case 39: // right arrow key
                    movePlayer('right');
                    break;
                case 40: // down arrow key
                    movePlayer('down');
                    break;
                case 32: // space key
                    if (ammo > 0) {
                        shoot();
                        ammo--;
                    }
                    break;
            }
        }
        
        function movePlayer(direction) {
            var leftPos = parseInt(player.style.left, 10);
            var topPos = parseInt(player.style.top, 10);
            
            switch (direction) {
                case 'left':
                    player.style.left = (leftPos - 10) + 'px';
                    player.style.transform = 'rotateZ(-90deg)';
                    break;
                case 'up':
                    player.style.top = (topPos - 10) + 'px';
                    player.style.transform = 'rotateZ(0deg)';
                    break;
                case 'right':
                    player.style.left = (leftPos + 10) + 'px';
                    player.style.transform = 'rotateZ(90deg)';
                    break;
                case 'down':
                    player.style.top = (topPos + 10) + 'px';
                    player.style.transform = 'rotateZ(180deg)';
                    break;
            }
        }
        
        function shoot() {
            var bullets = document.getElementsByClassName('bullet');
            
            for (var i = 0; i < bullets.length; i++) {
                var bullet = bullets[i];
                var enemies = document.getElementsByClassName('enemy');
                
                for (var j = 0; j < enemies.length; j++) {
                    var enemy = enemies[j];
                    var bulletRect = bullet.getBoundingClientRect();
                    var enemyRect = enemy.getBoundingClientRect();
                    
                    if (bulletRect.left < enemyRect.right &&
                        bulletRect.right > enemyRect.left &&
                        bulletRect.top < enemyRect.bottom &&
                        bulletRect.bottom > enemyRect.top) {
                        enemy.parentNode.removeChild(enemy);
                        bullet.parentNode.removeChild(bullet);
                        scoreValue += 10;
                        score.innerHTML = 'Score: ' + scoreValue;
                    }
                }
                
                var bulletPos = parseInt(bullet.style.top, 10);
                
                if (bulletPos > 0) {
                    bullet.style.top = (bulletPos - 10) + 'px';
                    window.requestAnimationFrame(shoot);
                } else {
                    bullet.parentNode.removeChild(bullet);
                }
            }
        }
        
        function createEnemies() {
            var enemy = document.createElement('div');
            enemy.className = 'enemy';
            enemy.style.left = Math.floor(Math.random() * window.innerWidth) + 'px';
            
            var gameArea = document.getElementsByTagName('body')[0];
            gameArea.appendChild(enemy);
            
            var enemyPos = parseInt(enemy.style.top, 10);
            
            if (enemyPos < window.innerHeight) {
                enemy.style.top = (enemyPos + 10) + 'px';
                window.requestAnimationFrame(createEnemies);
            } else {
                enemy.parentNode.removeChild(enemy);
                lives--;
                
                if (lives <= 0) {
                    gameOver();
                }
            }
        }
        
        function gameOver() {
            alert('Game Over! Final Score: ' + scoreValue);
            location.reload();
        }
        
        setInterval(createEnemies, 1000);
    </script>
</body>
</html>
```