veld met paddenstoelen. terug naar de inleiding klik, voor de VR mode in fullscreen, op het VR logo.
Het paddenstoelenveld 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 het paddenstoelenveld.
Met functieknop 2 reset de camera 900 meter buiten het paddenstoelenveld.
De fractal "The Shrooms are Coming" is gemaakt door ellarien en gedownload van haar/zijn Deviant Art kanaal
De fractal is gemaakt met de Amazing Surf formule.
Ik heb de fractal in Mandelbulb3D omgezet naar panorama.
Het roterende paddenstoelenveld.
Als je deze animatie door een VR brilletje bekijk sta je in het midden van het draaiende paddestoelenveld.
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 het paddenstoelenveld
Met functieknop 2 reset de camera 900 meter buiten het paddenstoelenveld
Onderstaand de schets van het roterende paddenstoelenveld
<!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/paddestoel.jpg">
</a-assets>
<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-entity
animation="property: rotation; from: 0 0 0; to: 0 360 0; easing: linear; loop: true; dur: 50000">
<a-sky src="#fractal"></a-sky>
</a-entity>
</a-scene>
</body>
</html>