A cube sliding across the screen, beating a level.also make it that's why it's really fun and people other people complain's game

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

No:42898

←

Prev Next

→

A cube sliding across the screen, beating a level...ALL
Developer User16101｜Date and time 24/2/13 9:11:52
Build time 15.847 sec｜Game capacity 4.525KB｜

Script

Sure! Here's an example of a simple game where you can control a cube sliding across the screen to beat different levels. The cube will move when you swipe on the screen.

This game uses simple div elements to represent the cube, obstacles, and levels. The cube is controlled by swiping on the screen. Each level includes an obstacle that the player needs to avoid. If the player collides with an obstacle, they lose the level and have to restart. Once the player reaches the end of a level, they move on to the next level. Additional levels can be implemented following the structure provided.

←

Prev　Next

→ 　

Back　

[PR]現在の本の売れ筋ランキング

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

Sure! Here's an example of a simple game where you can control a cube sliding across the screen to beat different levels. The cube will move when you swipe on the screen.

```html
<!DOCTYPE html>
<html>

<head>
    <style>
        #gameContainer {
            width: 100%;
            height: 500px;
            position: relative;
            background-color: #f0f0f0;
            overflow: hidden;
        }

#player {
            width: 50px;
            height: 50px;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            background-color: #ff0000;
        }

.level {
            width: 1000px;
            height: 100%;
            position: absolute;
            top: 0;
        }

.obstacle {
            width: 200px;
            height: 200px;
            position: absolute;
            bottom: 0;
            background-color: #000000;
        }
    </style>
</head>

// Event listener to detect swipe gestures
            document.addEventListener('touchstart', handleTouchStart, false);
            document.addEventListener('touchmove', handleTouchMove, false);

let xDown = null;

function handleTouchStart(event) {
                xDown = event.touches[0].clientX;
            };

function handleTouchMove(event) {
                if (!xDown) {
                    return;
                }

let xUp = event.touches[0].clientX;
                let xDiff = xDown - xUp;

if (Math.abs(xDiff) > 0) {
                    // Move the cube left or right
                    playerX += xDiff;
                    updatePlayerPosition();
                }

xDown = null;
            };

function updatePlayerPosition() {
                player.style.left = playerX + 'px';
            }

// Start the game by calling the first level
            level1();
        }

function level1() {
            // Randomly position the obstacle within the level
            let obstacleX = Math.floor(Math.random() * (1000 - 200)) + 1;

const obstacle = document.createElement("div");
            obstacle.classList.add("obstacle");
            obstacle.style.left = obstacleX + 'px';

const level = document.querySelector(".level");
            level.appendChild(obstacle);

// Check for collision between the player and the obstacle
            setInterval(() => {
                if (isColliding(player, obstacle)) {
                    alert("Collision! You lost the level.");
                    level1(); // Restart level
                }
            }, 100);

// Check if the player reached the end of the level
            setInterval(() => {
                if (playerX >= 950) { // Assuming the level width is 1000px
                    alert("Congratulations! You beat the level.");
                    level2(); // Go to the next level
                }
            }, 100);
        }

function level2() {
            // Implement level 2 here with new obstacles and rules
            // You can create more functions for additional levels
        }

// Helper function to check for collision between two elements
        function isColliding(elem1, elem2) {
            const rect1 = elem1.getBoundingClientRect();
            const rect2 = elem2.getBoundingClientRect();

return !(rect1.right < rect2.left ||
                rect1.left > rect2.right ||
                rect1.bottom < rect2.top ||
                rect1.top > rect2.bottom);
        }

// Start the game on page load
        startGame();
    </script>
</body>

</html>
```