Симулятор спидранера игр's game

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

No:31445

←

Prev Next

→

Симулятор спидранера игр
Developer User15141｜Date and time 23/12/26 23:33:27
Build time 20.674 sec｜Game capacity 2.194KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
    <title>Симулятор Спидранера</title>
</head>
<body>
    <canvas id="gameCanvas" width="400" height="600"></canvas>
    
    <script>
        // Получаем элемент canvas
        const canvas = document.getElementById("gameCanvas");
        const ctx = canvas.getContext("2d");
        
        // Создаем объект игрока
        const player = {
            x: canvas.width / 2,  // начальные координаты по x
            y: canvas.height - 50,  // начальные координаты по y
            speed: 5  // скорость перемещения
        };
        
        // Обработчик события нажатия клавиши на смартфоне
        function handleTouchMove(event) {
            let touch = event.touches[0];
            let x = touch.clientX - canvas.offsetLeft;
            if (x < player.x) {
                player.x -= player.speed;
            } else if (x > player.x) {
                player.x += player.speed;
            }
        }
        
        // Обновление игрового экрана
        function updateGame() {
            ctx.clearRect(0, 0, canvas.width, canvas.height);  // очищаем экран
            
            // Рисуем игрока в виде пиктограммы
            ctx.fillStyle = "black"
            ctx.beginPath();
            ctx.arc(player.x, player.y, 20, 0, Math.PI*2, false);
            ctx.closePath();
            ctx.fill();
            
            // Анимационный цикл
            requestAnimationFrame(updateGame);
        }
        
        // Начало игры
        function startGame() {
            // Назначаем обработчик события нажатия на смартфон
            canvas.addEventListener("touchmove", handleTouchMove, false);
            
            // Запускаем анимацию
            updateGame();
        }
        
        // Запуск игры после загрузки страницы
        window.onload = startGame;
    </script>
</body>
</html>