A2D game with a blue background where you have to jump off of a pillar and use a web strand like Spider-Man to swing and time your swing correctly to perfectly land on the other pillar and repeat this to get as far as you can.'s game

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

No:16335

132

←

Prev Next

→

A2D game with a blue background where you have to ..ALL
Developer User7240｜Date and time 23/9/17 11:36:11
Build time 36.753 sec｜Game capacity 5.546KB｜

Script

Sure, I can help you with that! Here's an example of a game implemented as a single HTML file, using JavaScript and incorporating the mechanics you described:

To play the game, open the HTML file in a web browser (preferably on a smartphone) and tap or click to make the player jump and swing. The goal is to land on the pillars and accumulate the highest score possible. Note that this is a basic implementation to demonstrate the game mechanics described. You can customize the visuals, add more features, and enhance the game as per your preferences.

←

Prev　Next

→ 　

Back　

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

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

Sure, I can help you with that! Here's an example of a game implemented as a single HTML file, using JavaScript and incorporating the mechanics you described:

```html
<!DOCTYPE html>
<html>
<head>
    <title>Swinging Pillars Game</title>
    <style>
        body {
            background-color: blue;
            margin: 0;
            overflow: hidden;
        }
        #player {
            width: 50px;
            height: 50px;
            background-color: red;
            position: absolute;
        }
        .pillar {
            width: 50px;
            height: 200px;
            background-color: white;
            position: absolute;
        }
    </style>
</head>
<body>
    <script>
        // Game variables
        var player;
        var pillars = [];
        var swinging = false;
        var swingAngle = 0;
        var swingSpeed = 2;
        var pillarWidth = 50;
        var pillarGap = 200;
        var jumpHeight = 250;
        var gravity = 0.05;
        var score = 0;

// Create and initialize the player
        function createPlayer() {
            player = document.createElement('div');
            player.id = 'player';
            player.style.left = '100px';
            player.style.bottom = '0';
            document.body.appendChild(player);
        }

// Create a new pillar
        function createPillar() {
            var pillar = document.createElement('div');
            pillar.classList.add('pillar');
            var randomHeight = Math.floor(Math.random() * 150) + 50;
            pillar.style.height = randomHeight + 'px';
            var lastPillar = pillars[pillars.length - 1];
            var pillarMargin = lastPillar ? parseInt(lastPillar.style.left) + pillarGap : 100;
            pillar.style.left = pillarMargin + 'px';
            document.body.appendChild(pillar);
            pillars.push(pillar);
        }

// Display the current score
        function displayScore() {
            var scoreDisplay = document.createElement('div');
            scoreDisplay.innerText = 'Score: ' + score;
            scoreDisplay.style.position = 'absolute';
            scoreDisplay.style.top = '10px';
            scoreDisplay.style.left = '10px';
            document.body.appendChild(scoreDisplay);
        }

// Update the game state
        function update() {
            if (swinging) {
                // Update swinging motion
                swingAngle += swingSpeed;
                var x = parseInt(player.style.left) + Math.sin(swingAngle * Math.PI / 180) * 100;
                var y = jumpHeight - Math.cos(swingAngle * Math.PI / 180) * jumpHeight;
                player.style.left = x + 'px';
                player.style.bottom = y + 'px';

// Check for collision with pillars
                for (var i = 0; i < pillars.length; i++) {
                    var pillar = pillars[i];
                    var pillarLeft = parseInt(pillar.style.left);
                    var pillarHeight = parseInt(pillar.style.height);
                    if (x + 50 >= pillarLeft && x <= pillarLeft + pillarWidth && y <= pillarHeight) {
                        swinging = false;
                        break;
                    }
                }

// Check for landing on pillars
                if (y <= 0) {
                    swinging = false;
                    player.style.bottom = '0';
                    score++;
                    createPillar();
                }
            } else {
                // Apply gravity when not swinging
                var currentHeight = parseInt(player.style.bottom);
                if (currentHeight > 0) {
                    player.style.bottom = currentHeight - gravity + 'px';
                } else {
                    // Game over
                    alert('Game over! Final score: ' + score);
                    location.reload();
                }
            }

// Move pillars left
            for (var i = 0; i < pillars.length; i++) {
                var pillar = pillars[i];
                var pillarLeft = parseInt(pillar.style.left);
                pillar.style.left = (pillarLeft - 1) + 'px';

// Remove off-screen pillars
                if (pillarLeft < -pillarWidth) {
                    document.body.removeChild(pillar);
                    pillars.splice(i, 1);
                    i--;
                }
            }

requestAnimationFrame(update);
        }

// Handle jump input
        function jump() {
            if (!swinging && parseInt(player.style.bottom) === 0) {
                swinging = true;
                swingAngle = 0;
            }
        }

// Handle touch input for mobile devices
        document.addEventListener('touchstart', jump);
        // Handle mouse click input for desktop devices
        document.addEventListener('mousedown', jump);

// Initialize the game
        function init() {
            createPlayer();
            createPillar();
            displayScore();
            update();
        }

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

To play the game, open the HTML file in a web browser (preferably on a smartphone) and tap or click to make the player jump and swing. The goal is to land on the pillars and accumulate the highest score possible.

Note that this is a basic implementation to demonstrate the game mechanics described. You can customize the visuals, add more features, and enhance the game as per your preferences.