Difference between revisions of "Workshop VR met Aframe"
From Fri3d WIKI 2018
(Created page with " == Wat is A-Frame ? == * een opensource web framework voor Virtual Reality experiences * onderhouden door Mozilla en WebVR community * geen kennis nodig van WebGL * gebasee...") |
|||
| Line 25: | Line 25: | ||
Zoals HTML. Elke Tag die je opent, dient ook gesloten te worden | Zoals HTML. Elke Tag die je opent, dient ook gesloten te worden | ||
| − | + | zie | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| + | |||
| + | |||
| + | == Enkele voorbeelden == | ||
| + | |||
| + | https://glitch.com/edit/#!/a-frame-normalmapping?path=index.html:2:0 | ||
Revision as of 04:43, 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 Smartphone
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
zie
Enkele voorbeelden
https://glitch.com/edit/#!/a-frame-normalmapping?path=index.html:2:0
