disassembling flowers

disassembling the flowers. terug naar de inleiding klik, voor de VR mode in fullscreen, op het VR logo.

de roterende disassembling flowers in fullscreen

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

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

Met functieknop 2 reset de camera 900 meter buiten de flowerwereld

Als je deze animatie door een VR brilletje bekijk sta je in het midden van het draaiende flowerwereld.

De fractal "disassembling the flowers" is gemaakt door de wiskundige Glenda Popielarski en gedownload van haar Deviant Art kanaal

Ik heb de fractal in Mandelbulb3D omgezet naar panorama.

De niet roterende bloemen

De niet roterende disassembling flowers in fullscreen

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

Met de joystick kan de camera, binnen het paddenstoelenveld, 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 flowerwereld

Met functieknop 2 reset de camera 900 meter buiten de flowerwereld

De code van de niet roterende bloemen

 
 
<!DOCTYPE html> 

<html>
<head>
  <title>paddestoel</title>
  <meta name="description" content="paddestoel">
  <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/disassembling_flowers.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