Workshop VR met Aframe: Difference between revisions

From Fri3d WIKI 2018
Jump to navigation Jump to search
JanM (talk | contribs)
JanM (talk | contribs)
Line 16: Line 16:
* enkele voorbeelden onderaan op deze pagina
* enkele voorbeelden onderaan op deze pagina


=== op Smartphone ===
=== op smartphones ===
De meeste iPhones ondersteunen dit  (zeker vanuit Firefox)
De meeste iPhones ondersteunen dit  (zeker vanuit Firefox)
De High-end Android phones    (afhankelijk van gyrosensor en GPU)
De High-end Android phones    (afhankelijk van gyrosensor en GPU)
Je kan hier een Google Cardboard voor gebruiken  
Je kan hier een Google Cardboard voor gebruiken
 


== Hoe ziet de code er uit ? ==
== Hoe ziet de code er uit ? ==

Revision as of 04:44, 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

zie voorbeeld in Glitch

Enkele voorbeelden

https://glitch.com/edit/#!/a-frame-normalmapping?path=index.html:2:0