fractalfantasie met bogen

fractal fantasie met bogen terug naar de inleiding klik, voor de VR mode in fullscreen, op het VR logo.

fractal fantasie met bogen in fullscreen

VR animatie met de fractalformules ABoxModKali en AmazingBox. zie het artikel "ABoxModKali gecombineerd met andere formules"

De panorama afbeelding is berekend in 8192 x 6144 pixels (aspect ratio 4:3) waardoor er veel meer details en minder ruis is te zien

In MandelBulb3D met Viewing --> 1:2 de afbeelding omgezet naar 4096 x 3072 pixels. A frame verandert deze afmeting niet.

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

De fractal draait alleen in x en z richting waardoor tijdens draaien de gehele fractal goed wordt getoond.

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

Met de joystick kan de camera, binnen de bogen, 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 bogen wereld

Met functieknop 2 reset de camera 900 meter buiten de bogenwereld

fractal fantasie met bogen in fullscreen

De code van de niet roterende fractalfantasie met bogen

 
<!DOCTYPE html>
<html>
<head>
  <title>fractalfantasie</title>
  <meta name="description" content="fractalfantasie">
  <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/fractalfantasie_bogen2.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 800">
    </a-entity>
  <a-entity>

  </a-scene>
</body>
</html>

Flevopink