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 - Read more, Prompt Less thumbnail
1:01:30
7 days ago

WeAreDevelopers LIVE - Read more, Prompt Less

Chris Heilmann, Daniel Cranney, Luise Freese

WeAreDevelopers LIVE - Tech Education in Two Languages thumbnail
1:00:18
14 days ago

WeAreDevelopers LIVE - Tech Education in Two Languages

Daniel Cranney, Roxy Rodriguez-Becker

WeAreDevelopers LIVE - Playing in Production thumbnail
1:06:40
21 days ago

WeAreDevelopers LIVE - Playing in Production

Andrew MacLean, Daniel Cranney, Christian Heilmann

WeAreDevelopers LIVE - Is CSS Catching Up to Flash? thumbnail
1:03:33
about 1 month 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
about 1 month 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
about 1 month ago

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

Chris Heilmann, Daniel Cranney

Upcoming sessions on this topic

Open session

Build a Zero-Cost AI Agent in Your Browser

  • Aishwarya Mathuria

    Adobe

    Computer Scientist

  • Nishant Thakur

    Adobe

    Senior Computer Scientist

Open session

React Under Fire: Rendering Performance for Streaming Agent UIs

  • Abhirupa Mitra

    Slack

    Senior Member of Technical Staff

Open session

Building World-Aware Physical AI with Agent Memory and Context Graphs

  • Vasundhara Shukla

    Neo4j

    Developer Advocate

  • Zaid Zaim

    Neo4j

    Developer Advocate | Microsoft AI MVP

Open session

Designing for Every Direction: Logical CSS for Global, Adaptive, and Effortlessly Reversible UIs

  • Vidhya Krishnamoorthy

    Morgan Stanley

    VP, Software Engineering Manager

Open session

Java is Coming for Python’s Lunch: The Rise of JVM AI Agents

  • Frederik Pietzko

    Jetbrains

    Developer Advocate

Open session

Beware of Strangers Bearing Code: Open Source Trust in the Agent Era

  • Vikram Vaswani

    Consultant

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 • over 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 • over 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.