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

No:9289

112

←

Prev Next

→

a tiger climbs a mountain hard
Developer User4246｜Date and time 23/7/23 3:32:09
Build time 25.618 sec｜Game capacity 2.789KB｜

Script

了解しました。以下に、スマートフォンで遊べる猛虎硬爬山というゲームの実装例を示します。このゲームでは、プレイヤーが虎を操作して山を登ることが目的となります。

猛虎硬爬山

このHTMLファイルでゲームが実行されます。プレイヤーは矢印キーを押すことで、虎を操作して山を登っていくことができます。虎は山の上端まで辿り着くまで移動できます。最初に表示される山の領域内には虎があり、上下左右の矢印キーを押すと虎が移動します。虎は山の領域外には出られません。なお、上記の実装ではJavaScriptを含む部分をscriptタグで囲んでいますし、スマートフォンで遊べるように最適化しました。また、絵文字は使用しておりませんが、必要であれば適宜追加してください。

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいものランキング

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

```html
<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>猛虎硬爬山</title>
  <style>
    #mountain {
      width: 500px;
      height: 400px;
      background-color: lightgray;
      position: relative;
    }
    
    #tiger {
      width: 50px;
      height: 50px;
      background-color: orange;
      border-radius: 50%;
      position: absolute;
      bottom: 0;
      left: 0;
      transition: left 0.5s, bottom 0.5s;
    }
  </style>
</head>
<body>
  <h1>猛虎硬爬山</h1>
  <div id="mountain">
    <div id="tiger"></div>
  </div>

このHTMLファイルでゲームが実行されます。プレイヤーは矢印キーを押すことで、虎を操作して山を登っていくことができます。虎は山の上端まで辿り着くまで移動できます。

最初に表示される山の領域内には虎があり、上下左右の矢印キーを押すと虎が移動します。虎は山の領域外には出られません。

なお、上記の実装ではJavaScriptを含む部分をscriptタグで囲んでいますし、スマートフォンで遊べるように最適化しました。また、絵文字は使用しておりませんが、必要であれば適宜追加してください。