Welcome to the WebVR discovery workshop (available on https://learnwebvr.xyz/WebVRNYC2017 after the event)

let's all meet in VR! Let's go now on https://learnwebvr.xyz/nyc on your mobile phone ideally. If you do not have a mobile phone and a cardboard try on your laptop it will also work but won't be immersive.

No presentation with slides. No question to know who knows what. Explanation after as VR is the medium of experience.

What happens, how do you think it worked? How do you think you can make it work?


The workshop is an opportunity to discover the key concepts of VR: how to build a scene, how to interact with it personally or in group, how to dynamically generate content and lots more. You will gradually learn the key principles and the technical framework to transform your idea into a proper VR experience. From marketing to presentation, from solo- to social market research: VR has many potential usages. You’ll learn the initial steps to start your own project in an efficient, collaborative and interactive environment.

Concepts we will explore:

  1. the stereo effect
  2. fundamental rules of VR-scene design
  3. AFrame as a sensible and established framework
  4. loading your own 3D assets
  5. sharing your VR experience with the outside world
  6. WebVR as a perfect entry to VR


This first session will be a gentle introduction to the key concepts. All will be done directly in a coding environment without any installation required to start.

Please note that the workshop is a place to experiment and learn, not an inventory of answers. The goal is to give you all the pointers you need to then efficiently starting thinking with and for VR.


Assuming that key concepts have been understood, in order to make a scene richer we can use:

Note also that all assets are not equal. For example a textured 3D mesh can be scaled and navigated in. An animated mesh can move and be deformed. A 360 video can modify the environment all around the viewer but is flat, one can not "move" in it without breaking immersion. A 360 photo has the same problem. A 2D image or a video is entirely flat, consequently the immersion might not be very impressive.


Focus not on objects as static or even animated elements but rather how the person having the experience can interact with them. It will explain what works, what doesn’t, regarding hardware and user experience.

Note that most so far was done via the declarative aspect of AFrame solely. From now because of the dynamic aspect JavaScript is required.

Social and dynamic

A virtual reality experience doesn’t have to be experienced alone. In fact it is quite easy to transform a basic solo experience to a rich multi user experience. Instead of programming complex algorithms letting user interact with other allows to quickly showcase interesting behavior. Still, in addition to this it will be shown how to use dynamic content either generated on the fly or processed by a server then generated a relevant scene.

Going faster and further


A workshop designed by Fabien Benetou

  • AirPlane by thepixeldevil is licensed under CC Attribution

Done? Go back to learn more.