Difference between revisions of "Workshop VR met Aframe"
From Fri3d WIKI 2018
(→op Smartphone) |
|||
| Line 25: | Line 25: | ||
zie [https://glitch.com/edit/#!/aframe?path=index.html:1:0 voorbeeld in Glitch] | zie [https://glitch.com/edit/#!/aframe?path=index.html:1:0 voorbeeld in Glitch] | ||
| + | |||
| + | == goed om weten == | ||
| + | === inspector in A-Frame === | ||
| + | Vanuit een A-Frame voorbeeld kan je naar inspector mode gaan met de toetsen ctrl-alt-i | ||
| + | Zo kan je makkelijk je VR omgeving controleren (of een object aanpassen en kopiëren via copy entitie in rechter bovenhoek en in je html pagina toevoegen) | ||
| + | |||
| + | |||
== Enkele voorbeelden == | == Enkele voorbeelden == | ||
https://glitch.com/edit/#!/a-frame-normalmapping?path=index.html:2:0 | https://glitch.com/edit/#!/a-frame-normalmapping?path=index.html:2:0 | ||
Revision as of 05:02, 22 August 2018
Contents
Wat is A-Frame ?
- een opensource web framework voor Virtual Reality experiences
- onderhouden door Mozilla en WebVR community
- geen kennis nodig van WebGL
- gebaseerd op html pagina's
- alle info op aframe.io
Op welke toestellen werkt dit ?
op computer
- werkt op Firefox (Mozilla), Google Chrome, Safari, ...
- enkele voorbeelden onderaan op deze pagina
op smartphones
De meeste iPhones ondersteunen dit (zeker vanuit Firefox) De High-end Android phones (afhankelijk van gyrosensor en GPU) Je kan hier een Google Cardboard voor gebruiken
Hoe ziet de code er uit ?
Zoals HTML. Elke Tag die je opent, dient ook gesloten te worden
goed om weten
inspector in A-Frame
Vanuit een A-Frame voorbeeld kan je naar inspector mode gaan met de toetsen ctrl-alt-i Zo kan je makkelijk je VR omgeving controleren (of een object aanpassen en kopiëren via copy entitie in rechter bovenhoek en in je html pagina toevoegen)
Enkele voorbeelden
https://glitch.com/edit/#!/a-frame-normalmapping?path=index.html:2:0
