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 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
12Fractal fantasie met bogen een VR panorama animatie met de "ABoxModKali , AmazingBox2" fractal formules
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 | een animatie 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 2 | een VR animatie met de "ASurfMod1 , _AmazingBox" fractal formules | ||
9 | gevangen in ruimtepuin | een VR animatie met de "ABoxVaryScale2 , _AmazingBox" fractal formules | ||
10 | Fractalstad | een VR panorama animatie met de "Amazing Box en Sierpinski" fractal formules | ||
11 | Roterende fractalstad | een VR panorama animatie met de "SierpHilbert en _BSkewXmaxV1" fractal formules | ||
12 | Roterende tempel | een VR panorama animatie met vier fractal formules | ||
13 | Fractal fantasie met bogen | een VR panorama animatie met de "ABoxModKali , AmazingBox2" fractal formules | ||
14 | Flower Power na bewerking | Te manipuleren met de joystick en te verplaatsen met joystick knoppen 1 en 2 | ||
15 | paddestoelenveld | Te manipuleren met de joystick en te verplaatsen met joystick knoppen 1 en 2 | ||
16 | amazing surf Panorama fractal | Te manipuleren met de joystick en te verplaatsen met joystick knoppen 1 en 2 | ||
17 | ABoxModKali, ABoxPlatinum pano | Te manipuleren met de joystick en te verplaatsen met joystick knoppen 1 en 2 | ||
18 | disassembling the flowers | Te manipuleren met de joystick en te verplaatsen met joystick knoppen 1 en 2 | ||
19 | 360 graden video | met de videosphere primitieve |
gevangen in ruimtepuin | unindentified objects |