Font Design | Linetype | Standardabweichung Interactive Design

HTML5 Experiment / Font Linetype

Linetype ist eine generative Font, basierend auf Javascript. Die zu erzeugenden Glyphen werden über ein Textfeld eingegeben. Dabei lassen sich Strichstärke, Farbe und Transparenz über verschiedene Regler definieren.
Die gezeichneten Buchstaben sind auf Zufallszahlen basierte Unikate. Würde man einen Buchstaben mehrfach eingeben, entstünden Variationen die sich in einem durch den Algorithmus vorgegebenen Rahmen bewegen. Der Algorithmus arbeitet nach einem fest vorgegebenen Verfahren. Zunächst werden die Konturen der Glyphen in Punktkoordinaten übersetzt. Daraufhin wird pro Glyphe ein beliebiger Zentralpunkt definiert, von dem aus Verbinfdungslinien zu allen übrigen Punkten der Glyphe gezeichnet werden.

Generative Design Bilder von Font Linetype – mit Code aus München gezeichnet

Technologie

Renderer
Canvas

Code
Javascript

Frameworks

Dat.GUI