Gallery layout
Particle Shift
Pictures made of particles: inactive ones are a faint grey stipple, the active one fuses into the solid picture in full colour as a small soft wave crosses it; the cursor turns the area it passes back into particles. Use for art, tech and dreamy showcases.
Settings and defaults
shared
- Layout
- Row
- Aspect
- 1.4
- Spacing
- 1.35
- Visible
- 2.4
- Shape
- 1
- Stiffness
- 22
- Damping
- 8
- Grain
- 1
- Intensity
- 1
- Opacity
- 1
- Throwing
- 0.1
cursor
- Pointer mode
- Shift
- Navigation
- Click
- Pointer strength
- 1
- Pointer radius
- 0.45
inactive
- Particles
- 150
- Depth
- 1
- Dot size
- 0.5
- Faded
- 0.35
active
- Change time
- 1.8
- Wave
- 0.3
- Slant
- 0.3
- Lift
- 0.05
pictures
- Autoplay
- 0
Particle Shift builds every picture out of particles. The pictures waiting their turn are a faint grey stipple, like a drawing made of dots. The active picture is solid and in full colour.
How it works
When a picture becomes the active one, a small soft wave crosses it. Where the wave passes, the particles rise slightly off the surface, swell, take their colour and settle back fused into the solid picture. Leaving runs the wave back, and because each picture moves at a steady rate, a change can reverse halfway without a jump. In Shift mode the cursor turns the area it passes back into particles, with the same soft edge, so a visitor can brush the picture apart and watch it close again.
Settings
- Grains: how many particles make up a picture.
- Change time: seconds the wave takes to cross a picture.
- Wave: width of the wave, from a crisp front to a broad soft one.
- Slant: how diagonal the wave runs.
- Lift: how far the particles rise as the wave passes.
- Particle size and Grain: the size of the resting particles and of all of them.
- Faded: how bright the waiting pictures are.
Use it for
Art portfolios, tech launches and dreamy editorial sets. For particles as a scene of their own, see particles; for a line-drawn version of the same reveal, see Contour Lines.
Code and API
Ready-to-paste React Three Fiber code and the 3DRise API are included in paid plans, inside the studio.
More gallery layouts
Basic Carousel
A coverflow carousel of framed pictures on a damped scroll with drag, throw and snap, a lifted centre frame and a soft floor reflection; the cursor tilts or lifts the frames. Use for portfolios, product lines and photo sets.
Contour Lines
Pictures drawn as the contour lines of their own brightness, like a topographic map: inactive ones are a few thin grey lines, the active one fills in as a soft wave thickens the lines into the solid picture; the cursor lifts the contours into relief. Use for architecture, data and graphic showcases.
Depth Layers
Pictures split by brightness into thin sheets floating in depth: inactive ones are collapsed into one faint grey sheet, the active one opens into depth in full colour and its sheets slide past each other with real parallax. Use for editorial, music and dreamy showcases.
Engraving
Pictures drawn as banknote engraving, fine parallel lines bent and widened by the picture’s tone: inactive ones are a faint grey hatch, the active one thickens into full colour behind a soft wave; the cursor turns the hatching under it. Use for luxury, finance, heritage and editorial showcases.
Flow Lines
Pictures as fine lines flowing like water around their own forms: inactive ones are thin grey dashed lines drifting, the active one closes the dashes and thickens the lines into the picture in full colour behind a soft wave; the cursor parts the lines. Use for wellness, nature, music and calm showcases.
Fold
Pictures printed on paper folded in one of six ways (accordion, herringbone, fan, scroll, page curl, crumple) and lit by the scene: inactive ones are folded tight and grey, the active one unfolds flat into full colour; the cursor presses a dent into it. Use for print, editorial, fashion and craft showcases.
Works well with
Particle swarm
Break a 3D object into its own coloured particles that swirl in a vortex around it, or keep it as a particle cloud.
Object effect3D print
Print a 3D object layer by layer like an FDM printer, with a hot nozzle and glowing layers, or show its slicer preview.
Object effect3d Rise Mesh Shader Material
An unlit surface that shows a color or an image exactly as given, unaffected by scene lights. For screens, posters, panels and flat graphics.
Custom ShaderCurl smoke
Turn a 3D object into soft smoke that swirls away in eddies, or keep it as living smoke in its own shape.
Object effectCustom Shader
Custom shader surfaces for 3D objects: an unlit color-or-image surface to start from, and the shader materials you create yourself in the studio.
MaterialEmber ash
Burn a 3D object to charcoal and pale ash that the wind blows away in flakes, then un-burn it. A realistic fire exit effect.
Object effect