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 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

WeAreDevelopers LIVE - Is CSS Catching Up to Flash? thumbnail
1:03:33
10 days ago

WeAreDevelopers LIVE - Is CSS Catching Up to Flash?

Chris Heilmann, Daniel Cranney, Bramus Van Damme

WeAreDevelopers LIVE - Project Chopin: Make Your Team and Agents Play Along thumbnail
1:21:17
17 days ago

WeAreDevelopers LIVE - Project Chopin: Make Your Team and Agents Play Along

Chris Heilmann, Daniel Cranney, Krzysztof Cieślak

Fake or News - AI Toothbrushes, Carrier Pigeon Tech & Life on Mars - Krzysztof Cieślak thumbnail
4:23
18 days ago

Fake or News - AI Toothbrushes, Carrier Pigeon Tech & Life on Mars - Krzysztof Cieślak

Chris Heilmann, Daniel Cranney

WeAreDevelopers LIVE - Open Source Agent Toolkits thumbnail
1:00:38
24 days ago

WeAreDevelopers LIVE - Open Source Agent Toolkits

Chris Heilmann, Daniel Cranney, Eddie Jaoude

Fake or News - AI Music Detectors, Translating Ancient Languages & Tiny Heads in Teslas - Eddie Jaoude thumbnail
6:16
25 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
about 1 month ago

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

Chris Heilmann, Daniel Cranney, Marc Plogas

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.