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

No:43046

Machen einen frand theft auto spiel
Developer User19068｜Date and time 24/2/14 1:03:31
Build time 13.654 sec｜Game capacity 3.704KB｜

Script

Grand Theft Auto - Smartphone Edition

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Grand Theft Auto - Smartphone Edition</title>
    <style>
        body {
            text-align: center;
        }
        #game-screen {
            width: 500px;
            height: 300px;
            border: 1px solid black;
            margin: 0 auto;
            position: relative;
        }
        #player {
            width: 50px;
            height: 50px;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            background-image: url('player.png');
            background-size: cover;
        }
        #car {
            width: 50px;
            height: 100px;
            position: absolute;
            top: 10%;
            left: 10%;
            background-image: url('car.png');
            background-size: cover;
        }
    </style>
</head>
<body>
    <h1>Grand Theft Auto - Smartphone Edition</h1>
    <div id="game-screen">
        <div id="player"></div>
        <div id="car"></div>
    </div>
    <script>
        document.addEventListener("DOMContentLoaded", function(event) {
            var player = document.getElementById("player");
            var car = document.getElementById("car");

var screenWidth = document.getElementById("game-screen").offsetWidth;
            var screenHeight = document.getElementById("game-screen").offsetHeight;

player.style.top = Math.floor(screenHeight * 0.5) + "px";
            player.style.left = Math.floor(screenWidth * 0.5) + "px";

var carTop = Math.floor(Math.random() * (screenHeight - 100));
            var carLeft = Math.floor(Math.random() * (screenWidth - 50));

car.style.top = carTop + "px";
            car.style.left = carLeft + "px";

window.addEventListener("deviceorientation", handleOrientation);
            function handleOrientation(event) {
                var x = event.gamma;
                var y = event.beta;

var playerTop = parseInt(player.style.top);
                var playerLeft = parseInt(player.style.left);

var speed = 10; // Adjust the speed as needed

if (x < -5 && playerLeft > 0) { // Move left
                    playerLeft -= speed;
                } else if (x > 5 && playerLeft + 50 < screenWidth) { // Move right
                    playerLeft += speed;
                }

if (y < -5 && playerTop > 0) { // Move up
                    playerTop -= speed;
                } else if (y > 5 && playerTop + 50 < screenHeight) { // Move down
                    playerTop += speed;
                }

player.style.top = playerTop + "px";
                player.style.left = playerLeft + "px";

if (checkCollision(player, car)) {
                    alert("Game Over! You crashed into a car.");
                    resetGame();
                }
            }

function checkCollision(el1, el2) {
                var rect1 = el1.getBoundingClientRect();
                var rect2 = el2.getBoundingClientRect();

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

function resetGame() {
                var carTop = Math.floor(Math.random() * (screenHeight - 100));
                var carLeft = Math.floor(Math.random() * (screenWidth - 50));

car.style.top = carTop + "px";
                car.style.left = carLeft + "px";
            }
        });
    </script>
</body>
</html>