Text
Fourier Sketch
Each letter is traced by a chain of rotating circles whose radii are its Fourier coefficients; more terms sharpen the form, and glints keep circling the finished contours. Use for science, math and generative titles.
Settings and defaults
- Line colour
- #5fd0ff
- Detail
- 96
- Circles
- 1
- Glints
- 1
- Hot colour
- #fff1c2
- Line width
- 0.03
- Trail
- 0.9 s
- Bridges
- 0.14
- Opacity
- 1
- Font
- Caveat
- Draw
- Epicycles
- Draw duration
- 5 s
- Draw easing
- Smooth
- Draw stagger
- 0.6
- Draw direction
- 0 °
- Erase
- Fade
- Erase duration
- 2 s
- Erase easing
- Smooth
- Erase stagger
- 0.6
- Erase direction
- 0 °
- Play on load
- On
- Loop
- Off
- Yoyo
- Off
- Hold
- 2 s
- Hidden pause
- 0.5 s
- Shown
- On
Fourier Sketch draws every letter with a chain of spinning circles. Each circle rides on the edge of the one before, and the tip of the last one traces the letter, the famous epicycle drawing that shows how any shape can be built from rotations.
How it works
Each letter outline is broken down into a series of circles of different sizes and speeds, largest first. Spinning them all together traces the exact outline. Few circles give a soft, wobbly approximation; more circles sharpen it into the real letter. Once the letters are done, small glints keep circling the finished contours, and dim bridge lines join the inner holes of letters to their outer edge.
Settings
- Detail (6 to 128) sets how many circles each letter uses: low is loose and dreamy, high is crisp.
- Circles sets how visible the spinning circles are while drawing.
- Glints sets the light that keeps travelling round the finished letters.
- Line colour, Hot colour and Trail set the line, the colour of fresh strokes, and how long they stay hot.
- Line width and Bridges set the stroke thickness and how visible the joining lines are.
- Draw defaults to Epicycles; other methods such as Trace and Wipe also work.
Use it for
- Maths, science and education titles
- Generative and data-art intros
- Tech brands that want to show their working
Code and API
Ready-to-paste React Three Fiber code and the 3DRise API are included in paid plans, inside the studio.
More text
Handwriting
A pen writes the text in single strokes, slowing in tight curves where the ink pools and drying from wet sheen to rest colour; a faint sheen drifts over the dry ink. Use for signatures, titles and invitations.
Neon Tube
Letter outlines as glass neon tubing: a gas discharge ignites each contour, stuttering before it settles into a steady hum with slow breathing and the odd micro-dip. Use for signs, nightlife and retro titles.
Plain
Flat solid text from the font outlines with a weight axis, an optional outline and soft edges, anti-aliased from a signed distance field. Use for labels, captions, prices, menus and titles.
Burn Away
Letters cut from singed cream paper with smouldering embers; the erase is a combustion front travelling along the strokes leaving glowing edge, cracked char and ash. Use for dramatic reveals, titles and storytelling.
Chalkboard
Single-stroke chalk on slate: pressure-dependent deposit on a fixed grainy board with powdery halo, falling dust at the pen and a felt-smudge erase leaving ghosts. Use for classrooms, menus and hand-made titles.
Constellation
Pen strokes become a planetarium star plate: blackbody-coloured stars with Kepler binaries, tapered chart lines and faint dust stars. Use for space, astronomy, night-sky and elegant title cards.
Works well with
3d 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 ShaderAdvanced
Five advanced 3D materials: a mirror floor, refraction, see-through transmission glass, and two surfaces that distort or wobble the shape in motion.
MaterialBasic
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.
BasicColored Acrylic
Pink tinted transparent acrylic with a glossy finish. For colourful displays, art installations, signage and playful product scenes.
PlasticCustom 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.
Material