dynamic version http://output.jsbin.com/memala/

WebVR work by Fabien Benetou





Project for UCB

Cras blandit arcu sed augue vehicula, eu porta nulla porttitor. Maecenas quis ex faucibus, ultricies ante ut, laoreet leo. Praesent rhoncus, lorem ac vestibulum dignissim, ex libero tristique quam, ac feugiat turpis urna ac lectus. Duis tincidunt erat eget egestas efficitur. Praesent vitae mollis nunc. Suspendisse potenti. Curabitur a lacus hendrerit, maximus justo eget, suscipit purus. Sed malesuada feugiat efficitur. Nullam id mauris eget libero elementum accumsan et nec mauris.

Description of 3D content with its added value

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus ullamcorper ullamcorper nisi sit amet pretium. Quisque egestas nunc maximus ornare fermentum. Sed ultricies sit amet lorem sit amet semper. Maecenas ut arcu ligula. Etiam vehicula urna eu augue facilisis gravida. In fringilla nisi at fringilla consectetur. Suspendisse quis auctor magna. Nulla laoreet, diam nec convallis malesuada, mi ex venenatis metus, et malesuada ex erat eu augue. Donec ante ligula, tempor sit amet tellus ac, semper sagittis turpis. Fusce sodales semper nulla.

Now try it in VR

Pellentesque et odio ligula. Nunc placerat varius varius. Fusce facilisis pulvinar dui dictum sodales. Curabitur auctor efficitur eleifend. In viverra vitae odio at maximus. Aliquam facilisis risus non nulla aliquet, sed gravida risus condimentum. In sodales tempor libero. Sed hendrerit, quam at consequat volutpat, nunc risus lacinia lacus, at consequat dui lacus et elit.




I want your help for my VR project

Description

Goal
illustrate as one traditional to VR experience what the added of webVR is and how I can provide it
  1. top of the page traditional, 2D, animated
    • ...
    • e.g. partial portfolio from VR
    • ...
    • ...
    • ...
  2. middle in 3D and interactive yet nicely integrated
    • integration via continuous gradient background and iframe with transparent background
    • ...
    • e.g. <a-sky color="white" transparent="true" opacity="0.1" crossOrigin="" rotation="0 90 0"></a-sky>
    • ...
    • ...
  3. bottom in 3D with invitation (with simple clear visual) to try in VR
    1. if not then video of how it "would" be
    • ...
    • ...
    • ...
    • <iframe allowvr="yes" src="/my_iframe/"></iframe> warning
      • might want to do an overlay that opens a new window if needed

Content should be high quality and meaningful, e.g.:

Inspiration: