Crystal Helix Gallery (WebGL) pro

The luxury property gallery: photographs in thick glass frames on a bronze-and-crystal spiral descending through cloud, with a camera swoop, title screen and full-screen viewer. One gesture, one photograph.

Customize

Picture addresses, one per frame (empty = coloured demo frames)

Frame names (also the picture descriptions)

Background picture behind the spiral (empty = a twilight gradient)

Cloud picture, a 2 x 2 sheet of cloud puffs (empty = clouds drawn in code)

Small line at the top of the title screen

Gold line above the title

Title, first word(s)

Title, last word(s), shown in italic gradient

Short line under the title

Label of a "continue" link under the controls (empty = none)

Where that link scrolls to, for example #details

Folder that holds the three font files (empty = use system fonts)

Demo frame colours (used when there are no pictures)

Accent colour (eyebrow, focus rings)

How far the spiral turns between frames (radians)

How far each frame sits below the last

How wide the spiral is

Overall brightness

Amount of cloud round the spiral

Start on the title screen (off = start on the first frame)One mouse-wheel gesture moves one frame (the page scrolls on at either end)

Code

import CrystalHelixGallery from './CrystalHelixGallery';

<CrystalHelixGallery />

Checking your access…

Dependencies: three

carousel webgl three gallery property real estate award

Crystal Helix Gallery (WebGL) pro

Customize

Code

More in Carousels & sliders