Workshop VR met Aframe: Difference between revisions
Jump to navigation
Jump to search
No edit summary |
|||
| 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
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