A game I hadnt thought of that idea.'s game

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

No:650

172

←

Prev Next

→

A game I hadnt thought of that idea.
Developer User3057｜Date and time 23/6/17 0:56:25
Build time 56.756 sec｜Game capacity 4.929KB｜

Script

Emoji Ninja Run. Game Overview: The player becomes an emoji ninja and、Avoid obstacles that appear along the way while running、The objective is to go as far as possible. The timing for avoiding obstacles is、Tap on the screen to jump and、You can also tap to make a double jump. Forests and rivers、Zombies, etc.、While avoiding enemies that appear one after another、Compete to see how long you can run! Implementation:

←

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>
     <canvas id="gameCanvas" width="375" height="667"></canvas>

// ゲーム開始
         window.onload = function() {
             canvas = document.getElementById("gameCanvas");
             context = canvas.getContext("2d");

player = new Player(Emojis.player);

loop();
         };

// ゲームループ
         function loop() {
             context.clearRect(0, 0, canvas.width, canvas.height);
             update();
             render();
             if (!gameOver) requestAnimationFrame(loop);
         }

// ゲームアップデート
         function update() {
             player.update();

if (Math.random() > 0.97) {
                obstacles.push(new Obstacle());
             }

for (var i = 0; i < obstacles.length; i++) {
                 obstacles[i].update();

if (collided(player, obstacles[i])) {
                     gameOver = true;
                 }

if (obstacles[i].x < -obstacles[i].width) {
                     obstacles.splice(i, 1);
                 }
             }
         }

// ゲーム描画
         function render() {
             player.render();

for (var i = 0; i < obstacles.length; i++) {
                 obstacles[i].render();
             }

if (gameOver) {
                 context.font = "50px Arial";
                 context.fillStyle = "red";
                 context.fillText("ゲームオーバー", 50, 300);
             }
         }

// プレイヤークラス
         function Player(emoji) {
             this.x = 50;
             this.y = 0;
             this.yVelocity = 0;
             this.width = 50;
             this.height = 50;
             this.emoji = emoji;

this.update = function() {
                 this.yVelocity += 1.5;
                 this.y += this.yVelocity;

if (this.y > canvas.height - this.height) {
                     this.y = canvas.height - this.height;
                     this.yVelocity = 0;
                 }
             };

this.render = function() {
                 context.font = "50px Arial";
                 context.fillText(this.emoji, this.x, this.y);
             };

this.jump = function() {
                 this.yVelocity = -20;
             };

this.doubleJump = function() {
                 this.yVelocity = -30;
             };
         }

// 障害物クラス
         function Obstacle() {
             this.width = Math.floor(Math.random() * 50) + 40;
             this.height = Math.floor(Math.random() * 50) + 40;
             this.x = canvas.width + this.width;
             this.y = canvas.height - this.height;

this.update = function() {
                 this.x -= gameSpeed;
             };

this.render = function() {
                 context.font = "50px Arial";
                 context.fillText(this.emoji, this.x, this.y);
             };
         }

// 当たり判定
         function collided(player, obstacle) {
             if (player.x + player.width > obstacle.x && player.x < obstacle.x + obstacle.width &&
                 player.y + player.height > obstacle.y) {
                 return true;
             }
             return false;
         }

// タップでジャンプ
         document.addEventListener("touchend", function(event) {
             if (player.y == canvas.height - player.height) {
                 player.jump();
             } else {
                 player.doubleJump();
             }
         });
     </script>
  </body>
</html>