Flower Power na bewerking

De "Flower Power" wereld na bewerking in de navigator

Met de muis kan je de camera draaien en met de pijltjestoets verplaatsen.

Met de joystick kan de camera, binnen deze wereld, in y richting roteren en in x en z richting verplaatsen

met de schuifknop naast de joystick roteert de x as

Met functieknop 1 reset de camera naar het midden van de wereld

Met functieknop 2 reset de camera 900 meter buiten de flower power wereld

naar de roterende flower power wereld in fullscreen

De niet bewegende flower power.

Met de muis kan je de camera draaien en met de pijltjestoets verplaatsen.

Met de joystick kan de camera, binnen deze wereld, in y richting roteren en in x en z richting verplaatsen

met de schuifknop naast de joystick roteert de x as

Met functieknop 1 reset je de camera naar het midden van de wereld

Met functieknop 2 reset de camera 900 meter buiten de flower power wereld

In de VR bril kan je door het bewegen van je hoofd de gehele flowerpower wereld zien.

naar de niet roterende flower power wereld in fullscreen

Hier onder de schets van de niet bewegende flowerpower wereld

 
<!DOCTYPE html>
<html>
<head>
  <title>Fractalflower</title>
  <meta name="description" content="Fractalflower">
  <script src="../lib/aframe-v1.2.0.min.js"></script>
  <script src="../lib/aframe-gamepad-controls.js"></script>
</head>
<body>
 
<script>
      AFRAME.registerComponent('knop_1', {
        schema: {
        position:{default:"0 -1.6 0.2"}
  },
        init: function () {
          var data = this.data;
          var el = this.el;
          el.addEventListener('gamepadbuttondown:0', function () {
            el.setAttribute('position', data.position);
          });
        }
      });
  </script>
 
<script>
      AFRAME.registerComponent('knop_2', {
        schema: {
        position:{default:"0 -1.6 0.2"}
  },
        init: function () {
          var data = this.data;
          var el = this.el;
          el.addEventListener('gamepadbuttondown:1', function () {
            el.setAttribute('position', data.position);
          });
        }
      });
  </script>
 

  <a-scene>
    <a-assets>
      <img id ="fractal" src="../assets/bloem_pano.jpg">
    </a-assets>
 
<a-sky src="#fractal"></a-sky>
 
  <a-entity id="rig"
      movement-controls position="0 -1.6 0.2">
  <a-entity
                 camera position="0 1.6 0.2"
     look-controls wasd-controls="acceleration:800"
     gamepad-controls ="acceleration:800"
    knop_1="position: 0 1.6 0.2"
    knop_2="position: 0 1.6 900">
    </a-entity>
<a-entity>
 
  </a-scene>
</body>
</html>

Flevopink