Grid
Hyperbolic Grid
An Escher-style {p,q} tiling of the Poincaré disk that glides through itself; tiles shrink endlessly toward the rim. Use for mystical, mathematical and portal floors.
Settings and defaults
- Sides
- 7
- Valence
- 3
- Drift
- 0.5
- Cell Size
- 22
- Line Width
- 1.4
- Section Size
- 3
- Section Width
- 1
- Line Mode
- 1
- Cell Mode
- 2
- Anim Speed
- 1
- Anim Scale
- 1.2
- Anim Intensity
- 0.7
- Fade Strength
- 0.2
- Displace
- 0
- Size
- 50
- Line Color
- #c9a4ff
- Section Color
- #ffd9f2
- Cell Color
- #2a1446
- Glow Color
- #b07cff
- Bg Color
- #07030c
- Bg Opacity
- 0
- Reveal
- 1
- Reveal Duration
- 0
The Hyperbolic Grid fills a disc with a tiling in the style of M. C. Escher's Circle Limit prints. Identical polygons cover the disc, shrinking without end toward its rim, and the whole tiling glides slowly through itself so tiles stream out of the centre and toward the edge.
How it works
This is a map of hyperbolic space, a geometry in which more polygons fit around each corner than a flat floor allows. Squeezed into a disc, every tile is in truth the same size; they only look smaller as they approach the rim, which is infinitely far away. The glide is a true motion of that space, so no tile is ever stretched out of shape. Line widths follow the same rule, so lines thin out toward the edge with the tiles, and a faint rim and glow mark where the plane ends.
Settings
- Sides is the number of sides of each polygon.
- Valence is how many polygons meet at each corner; the grid raises it automatically when a combination would be flat rather than hyperbolic.
- Drift sets how far the tiling glides through itself.
- Section Size draws every Nth ring of polygons as accent lines.
- Cell Size sets the size of the disc.
Use it for
Portals and mystical floors, mathematics and art education, fantasy scenes and abstract brand worlds. Its sister in circles is the Apollonian Grid; the Portal effect suits it well.
Code and API
Ready-to-paste React Three Fiber code and the 3DRise API are included in paid plans, inside the studio.
More grids
Girih Grid
Islamic star-and-rosette strapwork built by Hankin polygons-in-contact: rays leave every edge midpoint at the contact angle and close into interlaced stars. Use for ornament, palace, mosaic and ritual floors.
Wallpaper Grid
Kaleidoscope patterns with the exact symmetry of the 17 wallpaper groups, drifting and cycling from one group to the next. Use for tiled, ornamental, crystal and mosaic floors.
Chladni Grid
Vibrating Chladni plates: sand settles on the nodal lines of a standing wave that drifts between resonances. Use for sound, music, science and meditative floors.
Flow Net Grid
A potential-flow net around a cylinder: streamlines and equipotentials cross at right angles and bend around the obstacle. Use for aerodynamic, fluid and engineering floors.
Grav Wave Grid
A spacetime lattice around an inspiralling black-hole binary: the wells pinch the grid and chirping quadrupole waves spiral outward until the merger rings down. Use for space, physics and sci-fi floors.
Reaction Diffusion Grid
A living Gray-Scott reaction-diffusion field: coral, labyrinths and dividing spots grow across the plane and never settle. Use for organic, biological and alien floors.
Works well with
Amethyst
Purple amethyst quartz with mystical appearance, popular semi-precious stone
CrystalAurora Veil
Soft emerald-to-chartreuse halo drifting at a slow, dreamlike pace
CoronaBasic
The six standard 3D surface materials, from unlit flat color to physically based paint, clearcoat and cel shading. How each one takes light.
MaterialBasic Material
An unlit 3D material: flat color or image that ignores every light in the scene. For UI panels, flat graphics and exact brand colors.
BasicCryo Magma
Slow violet cryo-magma with big lazy cells drifting under a soft lilac rim
LavaCrystal
Twelve gemstone materials for 3D scenes: diamond, ruby, sapphire, emerald, amethyst, opal, jade, onyx and more, for any shape, model or 3D text.
Material