AI game creator

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

No:20026

←

Prev Next

→

subway surf
Developer User8110｜Date and time 23/10/7 23:38:34
Build time 16.647 sec｜Game capacity 2.244KB｜

Script

// Я не программист, но вот пример "игры" Subway Surf, реализованной в виде одного HTML файла с использованием JavaScript.

// Примечание: Это простой пример и не полноценная игра Subway Surf. Он использует движение поезда и проверку столкновений с персонажем. Вам может понадобиться добавить дополнительные функции и улучшения, чтобы сделать его играбельным и более интересным.

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋アプリランキング

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

// Я не программист, но вот пример "игры" Subway Surf, реализованной в виде одного HTML файла с использованием JavaScript.
<html>
<head>
<style>
    #train {
        background-image: url('train.png');
        background-size: cover;
        width: 100px;
        height: 100px;
        position: absolute;
        left: 0;
        top: 0;
        transition: left 1s;
    }
    
    #player {
        background-image: url('player.png');
        background-size: cover;
        width: 50px;
        height: 50px;
        position: absolute;
        left: 50px;
        bottom: 0;
    }
</style>
</head>
<body>
    <div id="train"></div>
    <div id="player"></div>
    
    <script>
        var train = document.getElementById("train");
        var player = document.getElementById("player");
        
        function getRandomInt(min, max) {
            return Math.floor(Math.random() * (max - min + 1)) + min;
        }
        
        function moveTrain() {
            var screenWidth = window.innerWidth;
            var trainWidth = train.offsetWidth;
            
            var newPosition = getRandomInt(0, screenWidth - trainWidth);
            train.style.left = newPosition + "px";
        }
        
        function checkCollision() {
            var playerRect = player.getBoundingClientRect();
            var trainRect = train.getBoundingClientRect();
            
            if (playerRect.bottom >= trainRect.top && playerRect.left <= trainRect.right && playerRect.right >= trainRect.left) {
                alert("Игра окончена!");
            }
        }
        
        setInterval(moveTrain, 2000);
        setInterval(checkCollision, 100);
    </script>
</body>
</html>