01 / FOUNDATION
LIVING SPACE
Space between layers.
A front face, true 3D volume, and independent, animated geometry beneath the surface.
03DIMENSIONSPERSPECTIVE / 3D
D3pth engine® · EPSILON 1.0
The web,
The web,
with depth.
A responsive layout built from real 3D cuboids. Between them sits a single flat surface made of many individually colored squares.
Available at d3pth.store/products/sea
01 / INSIDE THE WebAppAn ordinary page.
An ordinary page.
Another dimension.
Familiar website structure, generous spacing, and six faces for every card.
01 / STRUCTURE
D3PTH / EPSILON 1.0
A familiar layout
A conventional web structure: grids, headings, cards, and generous space between sections.
RESPONSIVE GRID
02 / OBJECT
D3PTH / EPSILON 1.0
Real cuboids
Every card has a front, four side faces, and a rear face far behind the sea.
VOLUMETRIC GEOMETRY
03 / CAMERA
D3PTH / EPSILON 1.0
Straight-on view
The camera never rotates. The perspective origin remains in the center of the screen.
PERSPECTIVE ORIGIN
02 / BENEATH THE SURFACEMore than
More than
a background.
The flat surface occupies real 3D space between the cuboids’ front and rear faces. It is neither an image nor a video.
04 / DETAIL
MOTION BELOW THE SURFACE
A living sea.
A living sea.
One flat plane.
A single flat surface made of many squares sits beneath every block. The squares change color in calmer ocean tones while the entire surface gently waves as one plane.
CANVAS TEXTUREFLAT SURFACEWAVE COLORS
UN-TEXTURED / CSS 3D
03 / SPATIAL LAYERSFrom front
From front
to back.
Perspective stays centered on the viewport. Scrolling never rotates the camera.
05 / DEPTH
D3PTH / EPSILON 1.0
Layer I.
The animated flat surface flows beneath the front faces.
FRONT FACES
06 / DEPTH
D3PTH / EPSILON 1.0
Layer II.
The side faces extend through the undulating space.
SIDE FACES
07 / DEPTH
D3PTH / EPSILON 1.0
Layer III.
The rear faces lie well behind the full range of the waves.
REAR FACES
08 / RESULT
AVAILABLE FOR PURCHASE
Bring the Sea
Bring the Sea
to your website.
Like this living, low-poly ocean? Get the Sea effect for your own website at D3pth.store.
Buy Sea WebAppD3pth engine® / EPSILON 1.0