A simple webVR experience - http://awwwards.unboring.net
JavaScript HTML CSS
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
assets
audio
css
js
README.md
favicon.ico
index.html

README.md

Do websites dream of Virtual Reality

An webGL experiment made with the Awwwards team to share how is possible to do WebVR today ( Optimized for Oculus Rift & Google Cardboard )

Demo - http://awwwards.unboring.net

Awwwards blog entry - http://www.awwwards.com/do-websites-dream-of-virtual-reality.html

Do Websites Dream of Virtual Reality?

About

This is a simple way to start to do webVR using three.js, WebVR boilerplate & Web Audio API

It uses THREE.MeshLine created by @thespite

Workflow

  • From art to code

    • Cinema4D

      • Create 3D Art
      • Add lights
      • Export on .fbx format
    • Blender ( is not necessary but I am more confortable working & exporting with Blender )

      • Import from Blender ( change -Z forward to Z fordward )
      • Optimize ( Group meshes / reduce number of lights / add materials )
      • Use Three.js Blender Export to export on JSON format as a scene
    • Text editor ( Atom )

      • Load JSON file with THREE.ObjectLoader and load the assets into our scene
  • From music to code

    • Audacity

      • Compress mp3 audio
    • Text editor ( Atom )

      • Load mp3 file with THREE.Audio and added to an 3D Object into the scene ( uses THREE.AudioListener too )

Credits

Arturo Paracuellos / @arturitu ( Unboring.net )

Art by Gus T.M & Jessica Travieso ( Awwwards.com )

Music by Gus T.M

License

MIT licensed

Copyright © 2015 Unboring.net

http://www.unboring.net