AI game creator

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

No:37846

←

Prev Next

→

닌텐도 스위치
Developer User17053｜Date and time 24/1/21 17:56:09
Build time 11.711 sec｜Game capacity 3.077KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の人気グッズランキング

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

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>닌텐도 스위치 게임</title>
</head>
<body>
    <div>
        <canvas id="gameCanvas" width="800" height="600"></canvas>
    </div>
    <script>
        // Canvas와 Context 설정
        var canvas = document.getElementById("gameCanvas");
        var context = canvas.getContext("2d");

// 플레이어와 몬스터 이미지
        var playerImg = new Image();
        playerImg.src = "player.png";

var monsterImg = new Image();
        monsterImg.src = "monster.png";

// 플레이어 위치 변수
        var playerX = 100;
        var playerY = 100;

// 몬스터 위치 변수
        var monsterX = 700;
        var monsterY = 500;

// 터치 입력 변수
        var touchX = 0;
        var touchY = 0;

// 플레이어 이동 함수
        function movePlayer() {
            if (touchX > playerX) {
                playerX += 5;
            } else if (touchX < playerX) {
                playerX -= 5;
            }

if (touchY > playerY) {
                playerY += 5;
            } else if (touchY < playerY) {
                playerY -= 5;
            }

if (playerX < 0) {
                playerX = 0;
            }
            if (playerX > canvas.width - playerImg.width) {
                playerX = canvas.width - playerImg.width;
            }
            if (playerY < 0) {
                playerY = 0;
            }
            if (playerY > canvas.height - playerImg.height) {
                playerY = canvas.height - playerImg.height;
            }
        }

// 몬스터 이동 함수
        function moveMonster() {
            if (playerX > monsterX) {
                monsterX += 3;
            } else if (playerX < monsterX) {
                monsterX -= 3;
            }

if (playerY > monsterY) {
                monsterY += 3;
            } else if (playerY < monsterY) {
                monsterY -= 3;
            }
        }

// 게임 루프 함수
        function gameLoop() {
            // 캔버스 초기화
            context.clearRect(0, 0, canvas.width, canvas.height);

// 플레이어 그리기
            context.drawImage(playerImg, playerX, playerY);

// 몬스터 그리기
            context.drawImage(monsterImg, monsterX, monsterY);

// 플레이어 이동
            movePlayer();

// 몬스터 이동
            moveMonster();

// 다음 프레임 요청
            requestAnimationFrame(gameLoop);
        }

// 터치 입력 처리 함수
        function handleTouch(event) {
            event.preventDefault();
            touchX = event.touches[0].clientX;
            touchY = event.touches[0].clientY;
        }

// 이벤트 리스너 등록
        canvas.addEventListener("touchstart", handleTouch, false);
        canvas.addEventListener("touchmove", handleTouch, false);

// 게임 시작
        gameLoop();
    </script>
</body>
</html>