AI game creator

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

No:8770

←

Prev Next

→

Block coding games
Developer User4222｜Date and time 23/7/18 6:07:47
Build time 23.358 sec｜Game capacity 2.755KB｜

Script

Sure! Here's a simple game implemented as a single HTML file using JavaScript, enclosed in script tags, designed for smartphone operation:

The above code sets up a simple game where the player (represented by a blue rectangle) needs to reach the goal (represented by a green rectangle) by moving in different directions using the arrow keys on a smartphone keyboard. When the player reaches the goal, an alert is shown congratulating the player. The game runs inside a canvas element and utilizes basic JavaScript for handling player movement and rendering the game objects. You can save the code as an HTML file and open it in a web browser, preferably on a smartphone, to play the game.

←

Prev　Next

→ 　

Back　

[PR]現在の新着人気ランキング

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

Sure! Here's a simple game implemented as a single HTML file using JavaScript, enclosed in script tags, designed for smartphone operation:

```html
<!DOCTYPE html>
<html>
  <head>
    <title>Block Coding Game</title>
    <style>
      #canvas {
        width: 320px;
        height: 480px;
        border: 1px solid black;
      }
    </style>
  </head>
  <body>
    <canvas id="canvas"></canvas>
    <script>
      const canvas = document.getElementById("canvas");
      const ctx = canvas.getContext("2d");

const player = {
        x: 150,
        y: 150,
        speed: 4,
        width: 30,
        height: 30,
      };

const goal = {
        x: 250,
        y: 380,
        width: 30,
        height: 30,
      };

function draw() {
        ctx.clearRect(0, 0, canvas.width, canvas.height);

ctx.fillStyle = "blue";
        ctx.fillRect(player.x, player.y, player.width, player.height);

ctx.fillStyle = "green";
        ctx.fillRect(goal.x, goal.y, goal.width, goal.height);

requestAnimationFrame(draw);
      }

if (player.x === goal.x && player.y === goal.y) {
          alert("Congratulations! You reached the goal!");
        }
      }

window.addEventListener("keydown", function (event) {
        event.preventDefault();

if (event.key === "ArrowUp") {
          movePlayer("up");
        } else if (event.key === "ArrowDown") {
          movePlayer("down");
        } else if (event.key === "ArrowLeft") {
          movePlayer("left");
        } else if (event.key === "ArrowRight") {
          movePlayer("right");
        }
      });

draw();
    </script>
  </body>
</html>
```

When the player reaches the goal, an alert is shown congratulating the player. The game runs inside a canvas element and utilizes basic JavaScript for handling player movement and rendering the game objects.

You can save the code as an HTML file and open it in a web browser, preferably on a smartphone, to play the game.