VR / WebXR Workshop

A playful introduction to building virtual experiences.

Outside · fold-in flap / back / front cover

Big ideas.
New dimensions.

01Start with HTML basics
02Explore VR with A-Frame
03Build together with AI

Curious about creating virtual worlds? This workshop offers a beginner-friendly, top-level introduction to developing VR experiences for the web.

Explore how HTML, WebXR frameworks and AI tools fit together. Web-based development offers a way to begin experimenting without investing in expensive VR equipment.

What you’ll take away
Identify key technologies and understand how code, files and frameworks come together in a VR experience.

A little code.
A lot ofpossibility.

Bring your curiosity.
Explore the building blocks.
Imagine what comes next.

Keep exploring

HTML introductionW3Schools video
youtu.be/BzYMFd-lQL4 A-FrameExamples & framework basics
aframe.io ChatGPT CodexAI-assisted development
chatgpt.com/codex

Resources used during the workshop.
Tap a link to continue learning.

Imagine it. Build it. Explore it.

VR / WebXR
Workshop

Your first steps into
creating virtual worlds.

90 minutes · 3 creative blocks

Led by
Anson Aswat

HTML · A-Frame · AI development

Inside · three blocks, thirty minutes each

Block 01 / 30 minutes

Start with
the basics

Hello, HTML!

Discover HyperText Markup Language—the starting point for the workshop. We’ll watch a W3Schools introductory video, explore basic terms and make time for questions and comments.

HTMLBasic termsWatch & learnQuestions

Build a foundation. Get familiar with the language before exploring how it can be used in a virtual experience.

Block 02 / 30 minutes

From HTML
to virtual worlds

A guided introduction to frameworks and A-Frame for WebXR experiences.

Meet A-Frame

Explore the framework’s basics and methods with the workshop leader.

Look at examples

Visit the A-Frame website and examine examples of web-based VR experiences.

Unpack the syntax

Discuss how the code is written and explore top-level use cases.

Explore more at aframe.io

Block 03 / 30 minutes

Make something
together.

Use ChatGPT Codex as a tool to help build a shared VR experience. Everyone contributes ideas to the final piece.

See how AI-assisted development connects with the HTML and framework concepts introduced earlier.

Imagine. Create. Try.

Your ideas shape the experience.
Collaborate on the final piece, then take turns testing it on the devices.

The workshop leader will set up a web server so the group can view the experience locally.

Leave with a clearer picture of how code, files, frameworks and AI tools contribute to building for VR.