WebVR Workshop

Learn how to bring Virtual Reality to the Web with WebVR

17 September 2017, 9:30AM to 1:30PM, Bangalore

Course Content

  • Intro to VR concepts
    • Introduction to Standlone VR
    • Introduction to WebVR
  • Why WebVR
    • Where webVR comes from?
  • How Aframe Comes into picture
    • Introduction to 3D models and Blocks
  • Intro to Aframe
  • About Aframe
  • Aframe Basics
  • Today’s Outline
  • Resources
  • Workshop #1: Creating Primitives
  • Workshop #2: Creating a Scene
  • Workshop #3 - #8: Creating image+video gallery, first animation, first planes, camera view
  • Break
  • Concepts and popquiz in physics concepts
  • Debugging a Scene
  • Workshop $9: Build interactive Scenes
  • Workshop #10: Build physics
  • Workshop #11: Mash VR and Web API
  • Introduction Standalone VR, cinematic VR and storytelling
  • Workshop: Build AR
  • General tech discussion: ARcore, ARkit and other technologies
  • Showcase Your works
  • Q&A
  • Go back happily

Date and Time

17th September 2017, from 9:30AM to 1:30PM (4 hours) at HasGeek House, Bangalore.

Target Audience:

  • Journalists
  • Developers
  • Graphic Designers
  • Story Tellers
  • Anyone with curious mind


  • Familiarity to html,javascript and elementary level physics. Everything else we will explain
  • Basic knowledge of Web Technology stack is expected. (after all the person is attending JSFoo duh!)
  • Knowledge of JavaScript and DOM Apis is a plus but not required.
  • D3.js, Vue.js and React redux knowledge is a super plus as will help grasp the differences super easily.

Hardware Requirement:

  • Laptop and Android (>4.4) mobile
  • A laptop (with Internet connectivity) for coding.
  • A mobile phone(with gyrometer/gyroscope) and a VR device for testing the VR experiences built.

We need VR Devices (Cardboards / Daydream View / HTC Vives) to test the VR experiences built. We can make few devices available for all participants, but if devices like Vives and Daydream Controllers can be arranged so it will be a super plus.


Ram Dayal Vaishnav

Senior Web Developer at Arcesium

Shivang Shekhar

VR/AR Developer





HasGeek 2699, 19th Main Rd, HAL 2nd Stage, Indiranagar, 19th Main Rd, HAL 2nd Stage, Indiranagar, Bengaluru, Karnataka 560008