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

No:10536

76

A time when kenaga mammoths, saber tigers, and gia..ALL
Developer User4559｜Date and time 23/8/1 1:03:58
Build time 32.602 sec｜Game capacity 2.966KB｜

はじめに、必ず1枚のHTMLファイルとして実装するため、以下のコードをHTMLファイルに記述します。

ケナガマンモスとサーベルタイガーのゲーム

このコードでは、ケナガマンモスとサーベルタイガーが地球上をうろつくゲームを実装しています。ゲーム画面は`<canvas>`要素を使用して作成されており、ケナガマンモスとサーベルタイガーの画像が表示されます。ケナガマンモスの画像は「🦊」、サーベルタイガーの画像は「🐅」を使用しています。ケナガマンモスはスマホのタッチ操作によって移動させることができます。サーベルタイガーに捕まるとアラートが表示されます。このゲームはスマホで遊ぶことを前提として制作されており、スマホを傾けたりスワイプ操作をすることでケナガマンモスを移動させることができます。以上が完成したゲームのコードになります。必ず1枚のHTMLファイルとして実装されているため、ファイルを保存してブラウザで開くことでゲームを遊ぶことができます。

→ 　

0　

0　

[PR]現在の欲しいゲームランキング

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

(C)2023 HisashiApp

はじめに、必ず1枚のHTMLファイルとして実装するため、以下のコードをHTMLファイルに記述します。

```
<!DOCTYPE html>
<html>

<head>
  <meta charset="UTF-8">
  <title>ケナガマンモスとサーベルタイガーのゲーム</title>
  <style>
    body {
      text-align: center;
      font-size: 24px;
    }
  </style>
</head>

<body>
  <h1>ケナガマンモスとサーベルタイガーのゲーム</h1>

<canvas id="gameCanvas" width="800" height="600"></canvas>

<script>
    // JavaScriptのコードをここに記述します

const canvas = document.getElementById('gameCanvas');
    const ctx = canvas.getContext('2d');

const width = canvas.width;
    const height = canvas.height;

const manmosImage = new Image();
    manmosImage.src = 'https://emojicombos.com/emoji/emoji-apple/1f98a.png';

const tigersImage = new Image();
    tigersImage.src = 'https://emojicombos.com/emoji/emoji-apple/1f42f.png';

let manmosX = width / 2;
    let manmosY = height / 2;
    let tigersX = Math.random() * width;
    let tigersY = Math.random() * height;

function draw() {
      ctx.clearRect(0, 0, width, height);
      
      ctx.drawImage(manmosImage, manmosX - 30, manmosY - 30, 60, 60);
      ctx.drawImage(tigersImage, tigersX - 30, tigersY - 30, 60, 60);

requestAnimationFrame(draw);
    }

function update() {
      if (Math.abs(manmosX - tigersX) < 30 && Math.abs(manmosY - tigersY) < 30) {
        alert('ケナガマンモスがサーベルタイガーに捕まりました');
      }
      requestAnimationFrame(update);
    }

function moveManmos(event) {
      const rect = canvas.getBoundingClientRect();
      manmosX = event.touches[0].clientX - rect.left;
      manmosY = event.touches[0].clientY - rect.top;
    }

canvas.addEventListener('touchmove', moveManmos, false);

draw();
    update();
  </script>
</body>

</html>
```

このコードでは、ケナガマンモスとサーベルタイガーが地球上をうろつくゲームを実装しています。

ゲーム画面は`<canvas>`要素を使用して作成されており、ケナガマンモスとサーベルタイガーの画像が表示されます。ケナガマンモスの画像は「🦊」、サーベルタイガーの画像は「🐅」を使用しています。

ケナガマンモスはスマホのタッチ操作によって移動させることができます。サーベルタイガーに捕まるとアラートが表示されます。

このゲームはスマホで遊ぶことを前提として制作されており、スマホを傾けたりスワイプ操作をすることでケナガマンモスを移動させることができます。

以上が完成したゲームのコードになります。必ず1枚のHTMLファイルとして実装されているため、ファイルを保存してブラウザで開くことでゲームを遊ぶことができます。