A-frame. terug naar de startpagina
A-Frame is een Webgl Framework om VR (virtual reality) animaties te bouwen. A frame is gebasseerd op Three.js.
De VR ervaringen met A-Frame werken met Vive, Rift, Daydream, GearVR en cardboard
Camera bewegingen
In de VR mode kan je met de muis de camera draaien en met de pijltjestoets verplaatsen.
Joystick
schetsen 3, 10 , 11 , 12 , 13 , 14 en 15 t/m 17 zijn met de joystick te manipeleren
Ik gebruik hiervoor de T.Flight Stick X van Thrustmaster
De schetsen maken gebruik van de aframe-gamepad-controls lib van DonMcCurdy, zie zijn github kanaal
A frame website en klik op GET STARTED voor de documentatie. zie ook A-Frame Wiki
Ga naar Github om de voorbeelden en de benodigde javascripts te downloaden.
Op Github staat ook de A-frame-inspector, een zeer uitgebreide grafische interface.
De meeste schetsen werken met het aframe.min.js script. A-frame heeft geen eigen forum.
Voor vragen en antwoorden kan je gebruik maken van stackoverflow
Zie ook het youtube kanaal van Danilo Pasquariello
ECS = Entity-Component-system
De schetsen zijn zoveel mogelijk gecodeerd volgens het ECS
Zie schets 1 met info over beperkingen van het ECS.
Zie schets 4 gecodeerd volgens het ECS
| 1 | VR objecten boven de wolken | acht, in een cirkel gerangschikte, objecten enkele met verschillende bewegingspatronen | ||
| 2 | Parallellogrammen in VR | gemaakt met een afbeelding van de processing schets "acht roterende parallellogrammen" | ||
| 3 | Boxcylinder in VR | draaiende cylinder met boxen die langer en korter wordt | ||
| 4 | unindentified objects | bewegingspatronen met de animation component | ||
| 5 | tunnel | van 4 gekoppelde tunnelbuizen die met een ruis geluid door het luchtruim zoeven | ||
| 6 | fractalbox | met de boxIFS en Menger1-IFS formules zie dIFS formules combineren | ||
| 7 | Ruimtestad | een "amazing surf" fractal ruimtestad die koers zet richting planeet aarde | ||
| 8 | Ruimtestad in spiegelbox | een VR met de "ASurfMod1 , _AmazingBox" fractal formules | ||
| 9 | gevangen in ruimtepuin | een VR met de "ABoxVaryScale2 , _AmazingBox" fractal formules | ||
| 10 | tunnel door ruimtepuin | met sound | ||
| 11 | Fractalstad | een VR panorama met de "Amazing Box en Sierpinski" fractal formules | ||
| 12 | Roterende fractalstad | een VR panorama met de "SierpHilbert en _BSkewXmaxV1" fractal formules | ||
| 13 | Roterende tempel met spiegelbol | een VR panorama met vier fractal formules | ||
| 14 | Fractal fantasie met bogen en spiegelbol | een VR panorama met de "ABoxModKali , AmazingBox2" fractal formules | ||
| 15 | Flower Power na bewerking | Te manipuleren met de joystick | ||
| 16 | paddestoelenveld | Te manipuleren met de joystick | ||
| 17 | amazing surf Panorama fractal | Te manipuleren met de joystick | ||
| 18 | ABoxModKali, ABoxPlatinum pano | Te manipuleren met de joystick | ||
| 19 | disassembling the flowers | Te manipuleren met de joystick |
 |
 |
|
| gevangen in ruimtepuin | unindentified objects |
