All articles
Experiments June 2, 2026 · 7 min

3D A-Frame 2D

Sometimes the best way to tell a story is to let people step inside it.

This is a live 3D scene running right here in a regular blog post. Built with A-Frame, it drops into any 2D HTML page with a single script tag and declarative markup. Desktop WASD + mouse look, basic mobile/VR support included.

Click inside the frame below to activate controls, then move around with WASD or arrow keys.

Why A-Frame for client work

The old full-building VR project for The Cable Center was powerful but heavy to distribute. This approach brings the magic of spatial storytelling into everyday web pages.

Launch Full Multi-Zone 3D Experience →

The compact scene above is a self-contained teaser. For the complete experience with the custom floating HUD, five themed zones (Red/Blue/Green/Yellow/Purple), in-world teleport menu, interactive buttons, playable video, flying viewpoints, and full VR support, open the dedicated demo:

3DA-FrameWebXRExperiments