glypher

Create generative graphics based on the shape of letters

Beta 0.0.4 glypher is a software to bring you artistic effects based on the shape of all available letters of Googles font api directly in the browser. Have fun, it’s for free.

How it works

• Type any text
• Pick a font-family
• Modify the particles
• Change colors and strokes
• Save your work as an image

Running prototye

https://matthias-jaeger-net.github.io/glypher/app

App screen

Examples

Development process

Done

• Set up documents and get started
• Duplicte code from PlayfairRandomSpread project
• Create a very basic user interface
• Added the idea of different types
• Refacture to a glypher class
• Consistent naming for the DOM ids/variables
• Load all google fonts via the api (Seems to work)
• Fix triangle type
• Changed particle type idea to polygon
• Added a custom background color
• Make save button work
• Custom fill color and alpha

To implement

• Remove confusion from glypher class
• Make svg export possible
• Scaling the radius effect type
• Single font cut submenu

Future Ideas

• Make clickable glyphers
• Better user interface
• Add animation types (fLocking, harmonic motion)
• Try how it works in a WebGL 3D context

Development Dependencies

Rendering

http://p5js.org/ p5*js - a library for rendering graphics in a <canvas>

Typography

https://developers.google.com/fonts/ The Google Font Api provides a large number of font-families as <option> in a <select>

Thanks for beeing here, you are awsome!

Let’s stay in touch! Pulls, forks and stars are welcome

https://github.com/matthias-jaeger-net/glypher