Interactive 3D · WebGL Portfolio Piece

Bringing beverage
brands to life in the browser

A real-time 3D product showcase built with X3DOM — every bottle is a custom-modeled asset you can rotate, zoom and inspect, right here on the page. No plugins, no downloads, just WebGL.

Explore the models View source
3
Custom 3D models
100%
Real-time WebGL
0
Plugins required
Live 3D · drag to rotate
How this was built

A postgraduate 3D Applications project (MSc Advanced Computer Science, University of Sussex), rebuilt here as a portfolio piece.

Real-time WebGL rendering

Models are rendered live in the browser with X3DOM — a declarative X3D/HTML5 layer over WebGL, no plugin or engine install required.

Custom-modeled assets

Each bottle was hand-modeled and textured in Blender and Cinema 4D, then exported to the X3D format for web delivery.

Interactive controls

Orbit, zoom and toggle animation on every model using X3DOM's built-in navigation and scripted ROUTE-driven rotation.

Deployed as a static site

Pure HTML/CSS/JS with no build step, deployed straight to GitHub Pages for a fast, dependency-free demo.

Pick a bottle to explore

Each page has its own free-orbit viewer, animation toggle and product details.

Since 1886
Coca-Cola bottle

Coca-Cola

Invented in 1886 by Atlanta pharmacist John Pemberton — the world's most recognizable soft drink.

View in 3D
Since 1961
Sprite bottle

Sprite

A crisp, clean-tasting lemon-lime soda sold in more than 190 countries worldwide.

View in 3D
Since 1885
Dr Pepper bottle

Dr Pepper

A unique 23-flavour blend created by Texas pharmacist Charles Alderton in 1885.

View in 3D