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 · World Congress 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 · World Congress 2021

3:00 min

Choosing appropriate frameworks and development tools for WebXR

Desiree Santos Desiree Santos +1 · World Congress 2024

2:35 min

Setting up a WebXR scene with Three.js

Christian Grail · World Congress 2021

More from WeAreDevelopers LIVE

Fake or News - AI Music Detectors, Translating Ancient Languages & Tiny Heads in Teslas - Eddie Jaoude thumbnail
6:16
9 days ago

Fake or News - AI Music Detectors, Translating Ancient Languages & Tiny Heads in Teslas - Eddie Jaoude

Chris Heilmann, Daniel Cranney

Fake or News: AI Agents Hire Each Other, Spider-Man Ads in Cars & RAM Thieves - Marc Plogas thumbnail
5:46
14 days ago

Fake or News: AI Agents Hire Each Other, Spider-Man Ads in Cars & RAM Thieves - Marc Plogas

Chris Heilmann, Daniel Cranney, Marc Plogas

WeAreDevelopers - Of Agents and Robots thumbnail
1:04:42
14 days ago

WeAreDevelopers - Of Agents and Robots

Chris Heilmann, Daniel Cranney, Marc Plogas

WeAreDevelopers LIVE - How DevRel Makes Tech More Human thumbnail
48:06
21 days ago

WeAreDevelopers LIVE - How DevRel Makes Tech More Human

Chris Heilmann, Daniel Cranney

Fake or News: Smart Glasses in Court, Medical Advice Watches & Mushroom Electonics - Jason Torres thumbnail
7:41
22 days ago

Fake or News: Smart Glasses in Court, Medical Advice Watches & Mushroom Electonics - Jason Torres

Chris Heilmann, Daniel Cranney

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

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

Chris Heilmann, Daniel Cranney

Upcoming sessions on this topic

Open session

World Congress 2026 North America

September 25, 2026 · 10:20–10:50

Stage 5

Physical AI: 5 Things You Can Build That Aren't Another Chatbot

Vini Senger

Senior Technical Evangelist for Startups

Vini Senger
Open session

World Congress 2026 North America

September 24, 2026 · 10:20–10:50

Stage 1

The Browser Is Becoming an AI Runtime

Ajit Varma, Will Bryk

Ajit Varma
Will Bryk
Open session

World Congress 2026 North America

September 23, 2026 · 10:00–17:00

Stage 11

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

September 25, 2026 · 14:50–15:20

Stage 4

Intelligence in Motion: Building the Next Generation of AI-Powered Apps on Zoom's Developer Platform

Brendan Ittelson

Chief Ecosystem Officer of Zoom

Brendan Ittelson
Open session

World Congress 2026 North America

September 23, 2026 · 14:20–14:50

Stage 2

Build Interactive Copilot Experiences with Canvas Extensions

James Clancey

Principal Product Manager at GitHub

James Clancey
Open session

World Congress 2026 North America

September 24, 2026 · 16:10–16:40

Outdoor Stage

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

Simon Auer

Organizer of flutter vienna meetup and CEO of marqably

Simon Auer

Related videos

WebXR: Enabling Virtual and Augmented Reality on the Web thumbnail
22:20
World Congress 2024 • about 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
World Congress 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
World Congress 2024 • about 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
World Congress 2024 • about 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
World Congress 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
World Congress 2024 • about 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.