Make a game that a shooter and you shoot people name bob's game

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

No:21419

113

←

Prev Next

→

Make a game that a shooter and you shoot people na..ALL
Developer User9812｜Date and time 23/10/15 10:45:09
Build time 144.96 sec｜Game capacity 6.249KB｜

Script

Sure, here's a simple game that matches your requirements. Please note that while this game involves shooting, it is meant to be purely fictional and non-violent, and it is important to always prioritize the well-being and safety of others in real life.

In this game, you control a blue player by using the left and right arrow keys or by touch and tilt on a smartphone. The objective is to shoot the red enemy, which moves towards your position. Pressing the spacebar or touching the screen shoots a bullet from the player towards the enemy. If the bullet collides with the enemy, it resets the enemy's position. The game screen is displayed in a canvas element.

←

Prev　Next

→ 　

Back　

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

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

```html
<!DOCTYPE html>
<html>
<head>
    <title>Bob Shooter Game</title>
    <style>
        canvas {
            border: 1px solid black;
            display: block;
            margin: 0 auto;
        }
    </style>
</head>
<body>
    <canvas id="gameCanvas"></canvas>

// Key Variables
        var keyLeftPressed = false;
        var keyRightPressed = false;
        var keySpacePressed = false;

// Initialize the game
        function gameInit() {
            canvas = document.getElementById('gameCanvas');
            canvasContext = canvas.getContext('2d');

// Event Listeners
            window.addEventListener('keydown', handleKeyDown);
            window.addEventListener('keyup', handleKeyUp);

setInterval(updateAll, 1000 / 30); // 30 frames per second
        }

// Update all game objects and draw them on the canvas
        function updateAll() {
            movePlayer();
            moveBullet();
            moveEnemy();
            drawAll();
            checkCollision();
        }

// Handle key down events
        function handleKeyDown(event) {
            if (event.keyCode === 37) { // Left Arrow
                keyLeftPressed = true;
            }
            if (event.keyCode === 39) { // Right Arrow
                keyRightPressed = true;
            }
            if (event.keyCode === 32) { // Spacebar
                keySpacePressed = true;
            }
        }

// Handle key up events
        function handleKeyUp(event) {
            if (event.keyCode === 37) { // Left Arrow
                keyLeftPressed = false;
            }
            if (event.keyCode === 39) { // Right Arrow
                keyRightPressed = false;
            }
            if (event.keyCode === 32) { // Spacebar
                keySpacePressed = false;
            }
        }

// Move the player based on keyboard input
        function movePlayer() {
            if (keyLeftPressed && playerX > 0) {
                playerX -= 5;
            }
            if (keyRightPressed && playerX < canvas.width - 50) {
                playerX += 5;
            }
        }

// Move the bullet across the screen
        function moveBullet() {
            if (isBulletVisible) {
                bulletX += 10;
                if (bulletX > canvas.width) {
                    isBulletVisible = false;
                }
            }
        }

// Move the enemy towards the player
        function moveEnemy() {
            if (enemyX > playerX && enemyX > 0) {
                enemyX -= 3;
            }
            if (enemyX < playerX && enemyX < canvas.width) {
                enemyX += 3;
            }
        }

// Check for collision between the bullet and the enemy
        function checkCollision() {
            if (isBulletVisible && bulletX > enemyX && bulletY > enemyY - 30 && bulletY < enemyY + 30) {
                isBulletVisible = false;
                enemyX = 800;
                enemyY = Math.floor(Math.random() * canvas.height);
            }
        }

// Draw all game objects on the canvas
        function drawAll() {
            // Clear the canvas
            colorRect(0, 0, canvas.width, canvas.height, 'white');

// Draw the player
            colorRect(playerX, playerY, 50, 50, 'blue');

// Draw the enemy
            colorRect(enemyX, enemyY - 30, 50, 60, 'red');

// Draw the bullet
            if (isBulletVisible) {
                colorRect(bulletX, bulletY, 10, 5, 'black');
            }
        }

// Draw rectangles on the canvas
        function colorRect(leftX, topY, width, height, color) {
            canvasContext.fillStyle = color;
            canvasContext.fillRect(leftX, topY, width, height);
        }

// Shoot a bullet from the player's position
        function shootBullet() {
            if (!isBulletVisible) {
                bulletX = playerX + 50;
                bulletY = playerY + 22.5;
                isBulletVisible = true;
            }
        }

// Mobile touch events
        function handleTouchStart(event) {
            event.preventDefault();
            var touchX = event.touches[0].clientX;
            var touchY = event.touches[0].clientY;

if (touchX < canvas.width / 2) {
                keyLeftPressed = true;
            } else {
                keyRightPressed = true;
            }
            keySpacePressed = true;
        }

function handleTouchEnd(event) {
            event.preventDefault();
            keyLeftPressed = false;
            keyRightPressed = false;
            keySpacePressed = false;
        }

function handleTouchCancel(event) {
            event.preventDefault();
            keyLeftPressed = false;
            keyRightPressed = false;
            keySpacePressed = false;
        }

// Game initialization
        window.onload = function () {
            gameInit();

// Mobile Touch Listeners
            canvas.addEventListener('touchstart', handleTouchStart, false);
            canvas.addEventListener('touchend', handleTouchEnd, false);
            canvas.addEventListener('touchcancel', handleTouchCancel, false);
        };
    </script>
</body>
</html>
```