I'm making an app that allows me to run through a small, realistic forest. Control with joystick's game

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

No:26715

100

←

Prev Next

→

I'm making an app that allows me to run through a ..ALL
Developer User13232｜Date and time 23/12/2 6:07:24
Build time 60.586 sec｜Game capacity 2.202KB｜

Script

Hier ist ein Beispiel für eine HTML-Datei mit JavaScript, die ein einfaches Spiel darstellt, bei dem du durch einen kleinen, realistischen Wald laufen kannst. Die Steuerung erfolgt über einen Joystick. Die Piktogramme werden durch einfache Textbeschreibungen dargestellt.

+

Dieses Beispiel erstellt eine einfache HTML-Seite, die einen grünen Waldhintergrund mit einem blauen Spielfigurelement ("Spieler") und einem orangefarbenen Joystick darstellt. Durch das Bewegen des Joysticks kannst du den Spieler im Wald steuern. Der Spieler bewegt sich mit einer konstanten Geschwindigkeit von 5 Einheiten. Das Player-Element wird relativ zum "forest" div positioniert, wodurch der Spieler über den Hintergrund laufen kann. Bitte beachte, dass dieses Beispiel eine grundlegende Implementierung ist und du den Code entsprechend deinen Anforderungen anpassen kannst.

←

Prev　Next

→ 　

Back　

[PR]現在の人気グッズランキング

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

```html
<!DOCTYPE html>
<html>
<head>
  <style>
    #forest {
      width: 300px;
      height: 300px;
      background-color: green;
      position: relative;
    }
    #player {
      width: 50px;
      height: 50px;
      background-color: blue;
      position: absolute;
      bottom: 0;
      left: 0;
    }
    #joystick {
      width: 100px;
      height: 100px;
      background-color: orange;
      position: absolute;
      bottom: 20px;
      right: 20px;
    }
  </style>
</head>
<body>
  <div id="forest">
    <div id="player"></div>
  </div>
  <div id="joystick"></div>
  <script>
    var player = document.getElementById('player');
    var joystick = document.getElementById('joystick');
    
    var speed = 5; // Geschwindigkeit des Spielers
    
    joystick.addEventListener('touchmove', function(e) {
      var touch = e.touches[0];
      
      var joyX = touch.clientX - joystick.offsetLeft - joystick.offsetWidth / 2;
      var joyY = touch.clientY - joystick.offsetTop - joystick.offsetHeight / 2;
      
      var angle = Math.atan2(joyY, joyX);
      
      var xSpeed = Math.cos(angle) * speed;
      var ySpeed = Math.sin(angle) * speed;
      
      player.style.left = (player.offsetLeft + xSpeed) + 'px';
      player.style.bottom = (player.offsetTop + ySpeed) + 'px';
    });
  </script>
</body>
+</html>
```

Dieses Beispiel erstellt eine einfache HTML-Seite, die einen grünen Waldhintergrund mit einem blauen Spielfigurelement ("Spieler") und einem orangefarbenen Joystick darstellt. Durch das Bewegen des Joysticks kannst du den Spieler im Wald steuern. Der Spieler bewegt sich mit einer konstanten Geschwindigkeit von 5 Einheiten. Das Player-Element wird relativ zum "forest" div positioniert, wodurch der Spieler über den Hintergrund laufen kann.

Bitte beachte, dass dieses Beispiel eine grundlegende Implementierung ist und du den Code entsprechend deinen Anforderungen anpassen kannst.