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

No:13586

100

←

Prev Next

→

Marble race
Developer User5957｜Date and time 23/8/29 2:04:16
Build time 15.378 sec｜Game capacity 2.776KB｜

Script

Sure! Here's a simple implementation of a Marble Race game using JavaScript and HTML:

Marble Race

In this game, you can control the movement of the marble on a race track using the orientation of your smartphone. The marble will move horizontally based on the device's gamma (tilting left and right) and vertically based on the device's beta (tilting up and down). The game starts automatically when the page loads and stops when the page is closed or refreshed. Please note that this is a basic example and can be further enhanced with additional features such as obstacles, levels, and scoring depending on your specific requirements.

←

Prev　Next

→ 　

Back　

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

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

Sure! Here's a simple implementation of a Marble Race game using JavaScript and HTML:

```html
<!DOCTYPE html>
<html>
<head>
    <title>Marble Race Game</title>
    <style>
        #raceTrack {
            width: 400px;
            height: 400px;
            border: 1px solid #000;
        }
        
        .marble {
            position: absolute;
            width: 20px;
            height: 20px;
            background-color: #f00;
            border-radius: 50%;
        }
    </style>
</head>
<body>
    <h1>Marble Race</h1>
    <div id="raceTrack">
        <div class="marble"></div>
    </div>

// Function to handle movement of the marble
        function moveMarble(event) {
            // Get the dimensions of the race track
            var trackWidth = raceTrack.offsetWidth - marble.offsetWidth;
            var trackHeight = raceTrack.offsetHeight - marble.offsetHeight;

// Calculate the new position based on the device orientation
            xPos += event.gamma / 10;
            yPos += event.beta / 10;

// Ensure the marble stays within the track boundaries
            xPos = Math.max(0, Math.min(xPos, trackWidth));
            yPos = Math.max(0, Math.min(yPos, trackHeight));

// Update the position of the marble
            marble.style.left = xPos + "px";
            marble.style.top = yPos + "px";
        }

// Function to start the game
        function startGame() {
            // Add event listener for device motion
            window.addEventListener("deviceorientation", moveMarble);
        }

// Function to stop the game
        function stopGame() {
            // Remove event listener for device motion
            window.removeEventListener("deviceorientation", moveMarble);
        }

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

Please note that this is a basic example and can be further enhanced with additional features such as obstacles, levels, and scoring depending on your specific requirements.