363
edits
No edit summary |
No edit summary |
||
Line 9: | Line 9: | ||
== TYPOGRAPHIC SYSTEM == | == TYPOGRAPHIC SYSTEM == | ||
Our task was to create a typographic system from scratch using the | Our task was to create a typographic system from scratch using the Fontastic library and export it as a TrueType-Font. <br> | ||
The characteristic of my font is inspired by the [http://www.dmc-usa.com/Education/Technique-Overviews/Cross-Stitch/~/media/Media/Education/Technique%2031/Cross%20Stitch%20311/CF_PartialStitches_v3.ashx?h=305&w=400 cross stitch] and the [https://en.wikipedia.org/wiki/Zigzag_stitch zigzag stitch], therefore I named it ''Stitchfont''. <br> | The characteristic of my font is inspired by the [http://www.dmc-usa.com/Education/Technique-Overviews/Cross-Stitch/~/media/Media/Education/Technique%2031/Cross%20Stitch%20311/CF_PartialStitches_v3.ashx?h=305&w=400 cross stitch] and the [https://en.wikipedia.org/wiki/Zigzag_stitch zigzag stitch], therefore I named it ''Stitchfont''. <br> I've used the 'X', /, \ to imitate a stitching pattern and converted my [https://www.dropbox.com/s/bdo5w9jzle2o2c8/idee-stitched.png?dl=0 analogue sketch] into code. <br> | ||
The lower-case letters are a bit thinner than the upper-case ones, but got the same shape. <br> | |||
Downloading the [https://www.dropbox.com/s/kluzypzbqndlim3/stitchfont.ttf?dl=0 .tff file]. | |||
Code | (Code upload coming soon.) | ||
[[Image:stitchfont.png|thumb|left|470px]] | [[Image:stitchfont.png|thumb|left|470px]] | ||
Line 24: | Line 22: | ||
== TRANSFORM A FONT == | == TRANSFORM A FONT == | ||
coming soon ... | '' coming soon ... '' | ||
== ANIMATED LETTER == | == ANIMATED LETTER == | ||
Line 89: | Line 87: | ||
== OCR FONTS == | == OCR FONTS == | ||
Our task was to create a Glyph-Recognition App, that recognizes our grid-based created glyphs and provides us with visual feedback. <br> I used Photoshop for creating my letters and the [http://nyatla.jp/nyartoolkit/wp/?page_id=166 NyARToolkit], especially the PNG-Marker example as a basis for my code. <br> If the camera recognizes a glyph, it displays the related letter from my 3D alphabet as visual feedback. | Our task was to create a Glyph-Recognition App, that recognizes our grid-based created glyphs and provides us with visual feedback. <br> I used Photoshop for creating my letters and the [http://nyatla.jp/nyartoolkit/wp/?page_id=166 NyARToolkit], especially the PNG-Marker example as a basis for my code and changed it a bit. <br> If the camera recognizes a glyph, it displays the related letter from my 3D alphabet as visual feedback. [http://www.openprocessing.org/sketch/303200 Code here]. | ||
[[Image:wide.png|thumb|left|400px]] | [[Image:wide.png|thumb|left|400px]] |
edits