Text

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.

  • chalk
  • chalkboard
  • slate
  • handwriting
  • classroom
  • dust
  • smudge
  • grain

Settings and defaults

Pressure
0.55
Chatter
0.6
Grain
0.55
Dust
0.6
Weight
1
Swing
0.6
Ghost
0.5
Board
0
Opacity
1
Chalk
#ebe6d8
Highlight
#c4dcf2
Font
Caveat
Draw
Pen
Draw duration
5 s
Draw easing
Smooth
Draw stagger
0.6
Draw direction
0 °
Erase
Smudge
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

Chalkboard writes your text in chalk on a slate board. The line is grainy and broken where the chalk was pressed lightly and nearly solid where it was pressed hard, a little dust falls from the tip as it writes, and the erase is a felt swipe that leaves faint ghosts behind.

How it works

The board has a fixed, bumpy surface with fine scratches. Chalk catches on the highest bumps first and only fills the hollows as more is laid down, which is exactly why real chalk lines look grainy. Fast, light strokes skip into dashes. Tiny mineral crystals in the chalk flash as a slow light sweeps across. The default Smudge erase drags the chalk along an arc, like a felt held at the elbow, and leaves a grainy haze that then fades out.

Settings

  • Pressure sets how hard the chalk is pressed, from broken and grainy to nearly solid.
  • Chatter sets the skipping on fast strokes; Grain how strongly the board texture shows.
  • Weight sets the thickness of the chalk stick; Dust the falling powder.
  • Chalk and Highlight set the chalk colour and the tint of dense marks.
  • Board adds a slate behind the text with faint old writing.
  • Swing and Ghost shape the smudge erase.

Use it for

  • Classroom, school and education scenes
  • Café and restaurant menus
  • Hand-made, back-to-school titles

Code and API

Ready-to-paste React Three Fiber code and the 3DRise API are included in paid plans, inside the studio.

See plans

More text

Works well with

Used in