Type
Kanji field
A drifting glyph field with a 漢字 wordmark and an orange scan band.
<AsciiSurface text="漢字" glyphs="永龍風水火土空海月花鳥" />Kanji Lab
Kanji are already glyphs. The same AsciiSurface engine can use them as its
character ramp, turning a field into a type study and turning the true 3D
objects into kanji-built models. The lab now collects fifteen studies: a
wordmark field, a torus, a cube, a helix, rain, a pond, a gate, a galaxy, a koi,
a moon, a mountain, a wave, a torii, a seasons panel, and a fan.
Each study opens its own page for a larger view, copyable code, and notes. Browse the full set in the Library.
3D
Kanji torus
A raymarched torus wrapped in a slow orbit of kanji.
<AsciiSurface variant="torus-3d" glyphs="永遠風水火" />3D
Kanji cube
A rounded cube with a cool palette and a few quiet characters.
<AsciiSurface variant="cube-3d" glyphs="空海山月" />3D
Kanji helix
A double helix turning through a field of bright characters.
<AsciiSurface variant="helix-3d" glyphs="龍神光" />Weather
Kanji rain
Columns of rain, wind, water, and sound falling through the dark.
<AsciiSurface variant="glyph-rain" glyphs="雨風水音" />Water
Kanji pond
Concentric rings of water, wave, moon, and shadow characters.
<AsciiSurface variant="ripple" glyphs="水波月影" />Architecture
Kanji gate
A corridor of gates and lantern light made from 門, 光, and 道.
<AsciiSurface variant="tunnel" glyphs="門光道" />Sky
Kanji galaxy
A spiral of star, moon, night, and light characters.
<AsciiSurface variant="galaxy" glyphs="星月夜光" />Water
Kanji koi
A koi silhouette with a forked tail and fins, drawn in water characters.
<AsciiSurface variant="koi" glyphs="鯉水波泳錦" />Sky
Kanji moon
A full moon with dark craters, drawn in moon and night characters.
<AsciiSurface variant="moon" glyphs="月夜光星面斑影" />Land
Kanji mountain
A green terrain of mountain, wind, rock, and cloud characters.
<AsciiSurface variant="terrain" glyphs="山風岩雲" />Sea
Kanji wave
Caustic water lines made from wave, billow, sea, and open-water characters.
<AsciiSurface variant="caustics" glyphs="波濤海沖" />鳥居
朱道
Architecture
Kanji torii
A vermilion gate built from gate, light, and path characters.
CSS · 鳥居一朱門道Spring春花 風 光
Summer夏海 光 蝉
Autumn秋紅 月 風
Winter冬雪 月 静
Type
Kanji seasons
Spring, summer, autumn, and winter in a four-panel glyph study.
CSS · 春夏秋冬花風雪月扇風花涼
Two live mark studies use kanji at full size: a drifting ink field and a glyph murmuration.
Ink
Kanji ink field
Sumi ink drifts across warm paper and slowly resolves into characters.
INK · 永風水空Flock
Kanji murmuration
Hundreds of glyphs gather into a character, scatter, and re-form.
FLOCK · 飛鳥風空Use one
Section titled “Use one”Pass a short kanji set as glyphs and a serif CJK family as fontFamily:
import { AsciiSurface } from "ascii-things/webgl/react";
export function KanjiTorus() { return ( <AsciiSurface variant="torus-3d" glyphs="永遠風水火" fontFamily="'Noto Serif CJK JP', 'Yu Mincho', serif" style={{ height: 320 }} /> );}The custom element takes the same values as attributes:
<ascii-surface variant="torus-3d" glyphs="永遠風水火" font-family="'Noto Serif CJK JP', 'Yu Mincho', serif"></ascii-surface>Glyph sets
Section titled “Glyph sets”永龍風水火土空海月花鳥— the kanji field永遠風水火— the torus空海山月— the cube龍神光— the helix雨風水音— the rain水波月影— the pond門光道— the gate星月夜光— the galaxy鯉水波泳錦— the koi月夜光星面斑影— the moon山風岩雲— the mountain波濤海沖— the wave鳥居一朱門道— the torii春夏秋冬花風雪月— the seasons扇風花月— the fan
Keep sets short. Sixteen glyphs is the engine limit, and fewer glyphs read better at small cell sizes.