AI game creator

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

No:37766

←

Prev Next

→

3d model
Developer User17053｜Date and time 24/1/21 15:46:33
Build time 11.818 sec｜Game capacity 3.524KB｜

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="800" height="600"></canvas>
  <script>
    // 게임 객체 생성
    var game = new Game();

// 게임 시작
    game.start();

// Game 클래스 정의
    function Game() {
      var canvas;
      var context;
      var player;
      var obstacles;
      var score;

// 게임 시작 메서드
      this.start = function() {
        canvas = document.getElementById("gameCanvas");
        context = canvas.getContext("2d");
        obstacles = [];
        score = 0;

player = {
          x: 50,
          y: canvas.height / 2,
          width: 50,
          height: 50,
          speed: 5,
          jumping: false,
          jumpHeight: 100,
          gravity: 2
        };

// 플레이어 조작 이벤트 처리
        canvas.addEventListener("touchstart", function(event) {
          if (player.jumping) return;
          player.jumping = true;
          player.y -= player.jumpHeight;
        });

// 장애물 생성
        setInterval(function() {
          obstacles.push({
            x: canvas.width,
            y: Math.random() * (canvas.height - 100) + 50,
            width: 50,
            height: 50,
            speed: 3
          });
        }, 2000);

// 게임 루프
        function gameLoop() {
          context.clearRect(0, 0, canvas.width, canvas.height);

// 장애물 이동 및 충돌 검사
          for (var i = 0; i < obstacles.length; i++) {
            var obstacle = obstacles[i];
            obstacle.x -= obstacle.speed;

if (detectCollision(player, obstacle)) {
              gameOver();
              return;
            }

if (obstacle.x + obstacle.width < 0) {
              obstacles.splice(i, 1);
              i--;
              score++;
            }
          }

// 플레이어 점프 처리
          if (player.jumping) {
            player.y += player.gravity;
            if (player.y >= canvas.height / 2) {
              player.y = canvas.height / 2;
              player.jumping = false;
            }
          }

// 플레이어 그리기
          context.fillStyle = "blue";
          context.fillRect(player.x, player.y, player.width, player.height);

// 장애물 그리기
          context.fillStyle = "red";
          for (var i = 0; i < obstacles.length; i++) {
            var obstacle = obstacles[i];
            context.fillRect(obstacle.x, obstacle.y, obstacle.width, obstacle.height);
          }

// 점수 표시
          context.fillStyle = "black";
          context.font = "20px Arial";
          context.fillText("Score: " + score, 20, 30);

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

// 충돌 검사 함수
        function detectCollision(player, obstacle) {
          if (player.x < obstacle.x + obstacle.width &&
              player.x + player.width > obstacle.x &&
              player.y < obstacle.y + obstacle.height &&
              player.y + player.height > obstacle.y) {
            return true;
          }
          return false;
        }

// 게임 오버 처리
        function gameOver() {
          alert("게임 오버! 점수: " + score);
          obstacles = [];
          score = 0;
          game.start();
        }

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