Skip to content

About

๐Ÿ“Ž Arciform font type sdf generator in glsl

Resources

Stars

8 stars

Watchers

1 watching

Forks

Latest commit

ย 

History

11 Commits

Folders and files

NameName
Last commit message
Last commit date
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 

Repository files navigation

3d-sdf-font

Arciform font type sdf generator in glsl

arciform

Usage

Creating sdf for text Hello world! from console

npm start Hello\\nworld!

In your user script

import { sdf } from '3d-sdf-font';
console.log(sdf('Hello\nworld!'))

In browser console

\\ copypaste kerning.js json and assign it to variable kerning
let kerning = { 'a': ... };
\\ copypaste index.js source code without import, export and console.log
let template = (sdf, scale, tx, ty, tz) => { ... }
\\ print result
console.log(sdf('How vexingly\nquick daft\nzebras jump'));

How to add new symbol in font

Create new SDF according to 2pt font letter with origin at left bottom corner in Inskape programm. Add new symbol in kerning alphabet in gen.py and run npm run gen or

pip3 install pillow
cd kerning
python3 gen.py

About

๐Ÿ“Ž Arciform font type sdf generator in glsl

Resources

Stars

8 stars

Watchers

1 watching

Forks

Releases

Packages

Contributors

Languages