Back to selected work

HBO Max Built at TVGla

The Penguin

Look around Gotham by moving your phone.

A mobile WebGL journey through Gotham’s tunnels, with the camera responding to the movement of the visitor’s phone.

View experience
My work

Mobile 3D environment and motion controls

Gotham Underground, with its motion-controlled mobile view.

The brief

The campaign’s tunnel environment needed to feel explorable on a phone. Detailed 3D content had to reach the mobile browser, and the camera needed to respond to the visitor moving the device.

My contribution

I contributed to the Three.js environment, motion-based camera controls, and delivery of compressed 3D assets, working with TVGla’s design, production, and QA collaborators.

Result

Visitors could look around the tunnel environment by moving their phone, bringing a cinematic setting into an interactive mobile browser experience.

How it works

Three.js renders the environment, using Meshopt-compressed glTF geometry and WebP textures for the scene assets. Device orientation drives the view, letting visitors look around by tilting and turning their phone.

An abandoned trolley in the 3D Gotham Underground tunnel environment
The trolley tunnel environment from Gotham Underground.
The Penguin mobile experience showing a tunnel scene, sound control, and tunnel navigation
The mobile interface pairs the 3D environment with sound and tunnel controls.
Flooded atrium in The Penguin Gotham Underground experience
Another environment from the interactive tunnel experience.
Gated tunnel entrance in The Penguin Gotham Underground experience
The gated entrance connects the experience’s tunnel scenes.

Created with TVGla design, production, and QA collaborators.