Tarzan. Hold on to the end of the rope and move in a rotating motion.'s game

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

No:5462

2780

←

Prev Next

→

Tarzan. Hold on to the end of the rope and move in..ALL
Developer User3694｜Date and time 23/6/30 3:14:07
Build time 19.974 sec｜Game capacity 1.747KB｜

Script

了解です。以下は、ターザンがロープの先につかまり回転運動で移動するゲームのコード例です。

このコードでは、ターザンがロープの先につかまり回転運動で移動する様子を表現しています。ロープは600px × 600pxの正方形で、ターザンは50px × 50pxの円で表現されています。ターザンはロープの中心から一定の距離と角度で回転しながら移動します。ゲームとしての要素は限定的ですが、スマホでターザンの動きを観察することができます。また、絵文字や画像を利用する場合は、CSSのbackground-imageプロパティを使用することで可能です。

←

Prev　Next

→ 　

Back　

[PR]現在のフィギュア売れ筋ランキング

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

了解です。以下は、ターザンがロープの先につかまり回転運動で移動するゲームのコード例です。

```html
<!DOCTYPE html>
<html>
<head>
  <title>ターザンゲーム</title>
  <style>
    #rope {
      width: 600px;
      height: 600px;
      position: relative;
      border: 1px solid black;
    }

#tazan {
      width: 50px;
      height: 50px;
      position: absolute;
      top: 20%;
      left: 45%;
      background-color: black;
      border-radius: 50%;
    }
  </style>
</head>
<body>
  <div id="rope">
    <div id="tazan"></div>
  </div>

let angle = 0;
    let distance = 0;

function moveTazan() {
      angle += 5;
      distance += 0.05;

const x = Math.sin(angle * Math.PI / 180) * distance;
      const y = Math.cos(angle * Math.PI / 180) * distance;

tazan.style.left = `${rope.offsetWidth / 2 + x}px`;
      tazan.style.top = `${rope.offsetHeight / 2 + y}px`;

requestAnimationFrame(moveTazan);
    }

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

このコードでは、ターザンがロープの先につかまり回転運動で移動する様子を表現しています。ロープは600px × 600pxの正方形で、ターザンは50px × 50pxの円で表現されています。ターザンはロープの中心から一定の距離と角度で回転しながら移動します。

ゲームとしての要素は限定的ですが、スマホでターザンの動きを観察することができます。また、絵文字や画像を利用する場合は、CSSのbackground-imageプロパティを使用することで可能です。