WeAreDevelopers Logo WeAreDevelopers
Sign in
For You LIVE
WeAreDevelopers LIVE • Sep 15, 2021

Virtual Reality – The path to create your world

Drishti Jain

Think VR development requires proprietary tools and complex 3D math? Think again. Learn how to build cross-platform immersive worlds using standard HTML and JavaScript with A-Frame.

Pause
Mute Enter Fullscreen
#1 about 2 min

Introduction to virtual reality and technology education

Providing background context and introducing the objective of constructing custom digital worlds.

#2 about 6 min

Understanding the core differences between virtual and augmented reality

Immersion into digital environments inherently scales differently than projecting items into physical spaces.

#3 about 2 min

Managing user interaction in three-dimensional virtual environments

Developing for 3d spaces requires anticipating dynamic human behaviors and real-time environment reactions.

#4 about 3 min

Exploring industry applications for virtual reality technology

Practical deployment strategies span flight simulation software, home fitness environments, and medical training.

#5 about 3 min

Introducing the a-frame framework for web-based virtual reality

An accessible declarative framework enables generating responsive vr experiences compatible across standard headsets.

#6 about 1 min

Transforming standard html documents into virtual reality scenes

Interjecting specific script tags enables browsers to instantly interpret custom hardware markup parameters.

#7 about 3 min

Analyzing the technical features and cross-platform compatibility of a-frame

High frame rate optimization and flexible controller support ensure accessible rendering on standard displays.

#8 about 5 min

Structuring virtual projects with the entity component system

Abstracting complex logic into discrete reusable data containers significantly simplifies managing volumetric relationships.

#9 about 3 min

Building a basic scene using primitive html tags

Configuring coordinates and physical material styles for basic shapes initiates a functional layout.

#10 about 5 min

Implementing gaze-based interactions and scripting complex user controls

Programming dynamic element changes by intersecting spatial vectors provides controller-independent navigation methods.

#11 about 4 min

Reviewing community applications and interactive experiences built with a-frame

Examining deployed multimedia projects reveals robust strategies for structuring complete web vr interfaces.

#12 about 9 min

Addressing developer questions on framework limitations and future potential

Limitations scaling texture assets highlight the ongoing technical balance between web accessibility and graphic fidelity.

Matching moments

2:13 min

Introduction to enhanced internet using WebXR technology

Desiree Santos Desiree Santos +1 · WWC 2024

1:53 min

Building three-dimensional web experiences using framework components

Alvaro Saburido · LIVE

3:04 min

Understanding the repeated failures of 3D web environments

Chris Heilmann +2 · LIVE

9:26 min

Community questions on WebXR development and hardware

Christian Grail · WWC 2021

3:00 min

Choosing appropriate frameworks and development tools for WebXR

Desiree Santos Desiree Santos +1 · WWC 2024

2:35 min

Setting up a WebXR scene with Three.js

Christian Grail · WWC 2021

More from WeAreDevelopers LIVE

Aliens in Quarantine, Python Deprecates Loops, and AI Buys Old Books - Zbyszek Tenerowicz thumbnail
5:43
5 days ago

Aliens in Quarantine, Python Deprecates Loops, and AI Buys Old Books - Zbyszek Tenerowicz

Chris Heilmann, Daniel Cranney

WeAreDevelopers LIVE - Node and Package Security thumbnail
1:08:30
5 days ago

WeAreDevelopers LIVE - Node and Package Security

Chris Heilmann, Daniel Cranney, Zbyszek Tenerowicz

WeAreDevelopers LIVE - Streaming HTML thumbnail
1:10:26
12 days ago

WeAreDevelopers LIVE - Streaming HTML

Chris Heilmann, Daniel Cranney, Jad Joubran

WeAreDevelopers LIVE - CODE100 at WeAreDevelopers Europe thumbnail
1:02:34
19 days ago

WeAreDevelopers LIVE - CODE100 at WeAreDevelopers Europe

Chris Heilmann, Daniel Cranney, Justin Halsall, Werner Jeschko, Nicole Jeschko, Mirco Tomić

WeAreDevelopers LIVE - Web Performance in an AI World thumbnail
1:07:59
26 days ago

WeAreDevelopers LIVE - Web Performance in an AI World

Chris Heilmann, Daniel Cranney

FIFA Hack, Midjourney Does Ultrasounds, and Trampoline Traffic Lights - Nicole Jeschko and Werner Jeschko thumbnail
5:55
about 2 months ago

FIFA Hack, Midjourney Does Ultrasounds, and Trampoline Traffic Lights - Nicole Jeschko and Werner Jeschko

Chris Heilmann, Daniel Cranney

Upcoming sessions on this topic

Open session

World Congress 2026 North America

Building Stuff with GenAI - The Open Minded Workshop beyond OpenAI

Andreas Erben

CTO for Applied AI and Metaverse at daenet

Andreas Erben
Open session

World Congress 2026 North America

When Humans Stop Writing Code: Rethinking Languages, Compilers, and Responsibility

Simon Auer

Organizer of flutter vienna meetup and CEO of marqably

Simon Auer
Open session

World Congress 2026 North America

Small LLM in your Browser: Huge Opportunities for Web Applications

Daniel Ostrovsky

UI/UX Architect at Payoneer | AI Architect | Full Cycle Development Expert | Public Speaker | Open Source Contributor |

Daniel Ostrovsky
Open session

World Congress 2026 North America

Point. Ask. Answer. Building Vision into AI Live on Stage.

Kavya Sri Chennoju

Staff AI Engineer at Arm

Kavya Sri Chennoju
Open session

World Congress 2026 North America

From Software Agents to Physical Devices: Inside the Agentic Hardware Stack

Michael Yuan, Vivian Hu

Michael Yuan
Vivian Hu
Open session

World Congress 2026 North America

Fast by Design: A Masterclass in High-Performance Web Engineering

Aaron Grogg

Senior web developer, committed to improving the user experience by improving web performance

Aaron Grogg

Related videos

WebXR: Enabling Virtual and Augmented Reality on the Web thumbnail
22:20
WWC 2024 • almost 2 years ago

WebXR: Enabling Virtual and Augmented Reality on the Web

Desiree Santos, Erick Henrique

Live Coding an Augmented Reality Game with WebXR thumbnail
44:30
WWC 2021 • about 5 years ago

Live Coding an Augmented Reality Game with WebXR

Christian Grail

Apple Vision Pro: Proven Development Methods Meet the Latest Technology thumbnail
28:48
WWC 2024 • almost 2 years ago

Apple Vision Pro: Proven Development Methods Meet the Latest Technology

Mario Petricevic

Unleashing a New Reality: The Transformative Power of XR Technologies for Developers thumbnail
23:03
WWC 2024 • almost 2 years ago

Unleashing a New Reality: The Transformative Power of XR Technologies for Developers

Bastian Schütz

Cross platform Augmented Reality development with React Native thumbnail
40:50
WWC 2021 • about 5 years ago

Cross platform Augmented Reality development with React Native

Vladimir Novick

XR Demystified: Separating Facts from Fiction in 2024 thumbnail
30:46
WWC 2024 • almost 2 years ago

XR Demystified: Separating Facts from Fiction in 2024

rafek

Related articles

From learning to earning

Jobs that call for the skills explored in this talk.