3d driving mobile game Namhae's game

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

No:43132

←

Prev Next

→

3d driving mobile game Namhae
Developer User19100｜Date and time 24/2/14 11:13:05
Build time 9.392 sec｜Game capacity 2.721KB｜

Script

조작은 화면을 터치하여 차량을 좌우로 움직입니다. 좌측 터치는 차량을 왼쪽으로, 우측 터치는 차량을 오른쪽으로 이동시킵니다.

게임 시작 전에 차량 이미지와 도로 이미지 경로를 실제 이미지 경로로 교체해주세요.

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
    <title>Namhae 3D Driving Game</title>
    <style>
        body {
            margin: 0;
            overflow: hidden; /* Hides scrollbars */
        }

#gameCanvas {
            width: 100%;
            height: 100%;
        }
    </style>
</head>
<body>
    <canvas id="gameCanvas"></canvas>

// Initialization function
        function init() {
            canvas = document.getElementById("gameCanvas");
            context = canvas.getContext("2d");

carImage = new Image();
            carImage.src = "car.png"; // Replace with actual car image path

roadImage = new Image();
            roadImage.src = "road.png"; // Replace with actual road image path

carX = canvas.width / 2 - carImage.width / 2;
            carY = canvas.height - carImage.height - 10;
            carSpeed = 0;
            roadY = 0;

canvas.addEventListener("touchstart", handleTouchStart);
            canvas.addEventListener("touchend", handleTouchEnd);

requestAnimationFrame(update);
        }

// Update function
        function update() {
            // Clear canvas
            context.clearRect(0, 0, canvas.width, canvas.height);

// Update car position
            carX += carSpeed;

// Draw road
            context.drawImage(roadImage, 0, roadY);
            context.drawImage(roadImage, 0, roadY - canvas.height);

// Draw car
            context.drawImage(carImage, carX, carY);

// Update road position
            roadY += 5;
            if (roadY >= canvas.height) {
                roadY = 0;
            }

// Request next frame update
            requestAnimationFrame(update);
        }

// Touch event handlers
        function handleTouchStart(event) {
            carSpeed = (event.touches[0].clientX < canvas.width / 2) ? -5 : 5;
        }

function handleTouchEnd(event) {
            carSpeed = 0;
        }

// Start the game when the HTML document is fully loaded
        document.addEventListener("DOMContentLoaded", function () {
            init();
        });
    </script>

<p>조작은 화면을 터치하여 차량을 좌우로 움직입니다. 좌측 터치는 차량을 왼쪽으로, 우측 터치는 차량을 오른쪽으로 이동시킵니다.</p>
    <p>게임 시작 전에 차량 이미지와 도로 이미지 경로를 실제 이미지 경로로 교체해주세요.</p>
</body>
</html>