Possible paths for typography module revamp (as part of p5.js 2.0)

[dhowe]

Possible paths for typography module revamp (as part of p5.js 2.0)

1. Implement 2D API using browser functions (leave 3D and p5.Font as libraries/modules and/or use image textures)
2. Extract minimal opentype.js or typr.js, maintain split rendering, update the current API according to tickets
3. Use some other 3rd party option for glyph paths (see below)
4. Write our own font parser

Some of the tradeoffs here, and more info here

List of alternative libs:

• typr.js [js]
• fontkit [js]
• fonteditor-core [js]
• pango/freetype [c]

2D API

p5 function	browser	canvas properties	notes
text()	fillText(), strokeText()
textAlign()	textAlign, textBaseline
textAscent()	measureText() -> TextMetrics	actualBoundingBoxAscent, actualBoundingBoxDescent, actualBoundingBoxLeft,actualBoundingBoxRight, alphabeticBaseline, emHeightAscent, emHeightDescent, fontBoundingBoxAscent, fontBoundingBoxDescent,hangingBaseline, ideographicBaseline, width
textDescent()	measureText() -> TextMetrics	as above
textLeading()	manual
textSize()	font
textWidth()	measureText() -> TextMetrics	as above
textWrap()	manual
loadFont()	FontFace.load()
textFont()	font
-	letterSpacing / wordSpacing / fontKerning, direction	not currently in p5
p5.Font
font	font	fontKerning, fontStretch, fontVariantCaps
textBounds()	-
textToPoints()	-