Blade ball in the middle of the game a ball will spawn and it gonna goes to random people and they have sword if the ball go towards in you you will click the screen to deflect the ball after you deflect the ball it will goes to a random people's game | AI game creator

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

No:41649

62

Blade ball in the middle of the game a ball will s..ALL
Developer User18647｜Date and time 24/2/8 20:11:08
Build time 16.792 sec｜Game capacity 5.361KB｜

In the above code, I have implemented a game where a blade ball spawns in the middle of the game container and randomly moves towards a target. The player can deflect the ball by clicking the screen. The game is designed for smartphone operation and uses pictograms for the blade and target. When the game starts, the `spawnBall()` function is called, which creates a target with a random position within the game container. The ball continuously moves towards the target, checking for deflection at each step. If the ball is deflected by the player's touch, it will change its direction and move towards a new random target. The `checkDeflection()` function calculates the distance between the ball and the blade and checks if it is within a specified threshold for deflection. The player can control the blade by touching and dragging on the screen. The `updateBladePosition()` function is triggered by the touch events and updates the position of the blade accordingly. Note: The game assumes the presence of image files for the blade and target, which should be saved as `emozi_all/game.png` and `emozi_chicken.png` respectively, in the same directory as the HTML file.

→ 　

0　

0　

[PR]現在の売れ筋ゲームランキング

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

(C)2023 HisashiApp

<html>
<head>
    <style>
        body {
            margin: 0;
            padding: 0;
            overflow: hidden;
        }

#gameContainer {
            position: relative;
            width: 100%;
            height: 100vh;
            background-color: black;
        }

#blade {
            position: absolute;
            top: 50%;
            left: 50%;
            width: 100px;
            height: 100px;
            border-radius: 50%;
            background-image: url("blade.png");
            background-size: cover;
            transform: translate(-50%, -50%);
            pointer-events: none;
        }

.target {
            position: absolute;
            top: 50%;
            left: 50%;
            width: 50px;
            height: 50px;
            border-radius: 50%;
            background-image: url("target.png");
            background-size: cover;
            transform: translate(-50%, -50%);
        }
    </style>
</head>

<body>
    <div id="gameContainer">
        <div id="blade"></div>
    </div>

<script>
        // Position object to store position coordinates
        function Position(x, y) {
            this.x = x;
            this.y = y;
        }

// Get random position within the game container
        function getRandomPosition() {
            var x = Math.floor(Math.random() * (window.innerWidth - 100)) + 50;
            var y = Math.floor(Math.random() * (window.innerHeight - 100)) + 50;
            return new Position(x, y);
        }

// Update position of the blade based on touch event
        function updateBladePosition(event) {
            var blade = document.getElementById("blade");
            blade.style.left = event.touches[0].clientX + "px";
            blade.style.top = event.touches[0].clientY + "px";
        }

// Check if the ball is deflected by the blade
        function checkDeflection(ballPosition) {
            var bladePosition = new Position(parseInt(blade.style.left), parseInt(blade.style.top));
            var distance = Math.sqrt((bladePosition.x - ballPosition.x) ** 2 + (bladePosition.y - ballPosition.y) ** 2);
            return distance < 75; // Adjust this value for the required precision of deflection
        }

// Spawn ball and randomly move towards a target
        function spawnBall() {
            var target = document.createElement("div");
            target.className = "target";
            document.getElementById("gameContainer").appendChild(target);

var targetPosition = getRandomPosition();
            target.style.left = targetPosition.x + "px";
            target.style.top = targetPosition.y + "px";

var interval = setInterval(function() {
                var ballPosition = new Position(parseInt(target.style.left), parseInt(target.style.top));
                if (checkDeflection(ballPosition)) {
                    clearInterval(interval);
                    target.parentNode.removeChild(target);
                    spawnBall();
                } else {
                    var dx = targetPosition.x - ballPosition.x;
                    var dy = targetPosition.y - ballPosition.y;
                    var distance = Math.sqrt(dx ** 2 + dy ** 2);
                    var speed = 5; // Adjust this value for the ball's speed
                    var vx = (speed * dx) / distance;
                    var vy = (speed * dy) / distance;

targetPosition.x -= vx;
                    targetPosition.y -= vy;

target.style.left = targetPosition.x + "px";
                    target.style.top = targetPosition.y + "px";
                }
            }, 10);
        }

// Event listener for touch start to update blade position
        document.addEventListener("touchstart", function(event) {
            updateBladePosition(event);
        });

// Event listener for touch move to update blade position
        document.addEventListener("touchmove", function(event) {
            event.preventDefault();
            updateBladePosition(event);
        });

// Start the game
        spawnBall();
    </script>
</body>
</html>
```

In the above code, I have implemented a game where a blade ball spawns in the middle of the game container and randomly moves towards a target. The player can deflect the ball by clicking the screen. The game is designed for smartphone operation and uses pictograms for the blade and target.

When the game starts, the `spawnBall()` function is called, which creates a target with a random position within the game container. The ball continuously moves towards the target, checking for deflection at each step. If the ball is deflected by the player's touch, it will change its direction and move towards a new random target. The `checkDeflection()` function calculates the distance between the ball and the blade and checks if it is within a specified threshold for deflection.

The player can control the blade by touching and dragging on the screen. The `updateBladePosition()` function is triggered by the touch events and updates the position of the blade accordingly.

Note: The game assumes the presence of image files for the blade and target, which should be saved as `blade.png` and `target.png` respectively, in the same directory as the HTML file.