Letter M

Hw ms capital-M.png
Hw ms lowercase-m.png


Homework for 29.10 was to create a letter with Processing.
I used capital M, because it is a unit (em) in typography, just like point. My variables also derive from typographic line terms seen in the image below.

500px-Typography_Line_Terms.svg.png


You can download and tweak the sketch on OpenProcessing, but it is super slow, so you can also see it on my personal page, which runs on github.


GlitchFont

Hw ms glitchfont.png

This font is inspired by MissingNo from Pokemon. I used the Labyrinth example and changed it so it would create rectangles instead of lines and used a new for-loop for lower Cases. You can try out the font on my Page and see and download the code on OpenProcessing (which seems to run nicely again)

BlockFont

The Idea is to transform Type into Sound. Using the Outline of a Letter to create a describing waveform, which then can be transformed into sound. It's a lot of spaghetti code, but it magically works and can be downloaded from OpenProcessing. Also you can check out the result again on my site

Hw ms blockfont.jpg

Animation

Quick animated M, where I explored the different Easing Methods of the "Ani-Library". Code can be viewed on OpenProcessing

hNtT5Mx.gif

DrawBot

size(400,400)
w = width()
h = height()

rect(0,0,w,h)
fill(255,0,0)
oval (0,0,w,h)

translate(w/2,h/2) 
linearGradient(
    (0,0),
    (h/2,0),
    [(1,0,0,0.0),(0,0,1,1)],
    [0.2,1]
    )

#circling with triangles     
fill(0,0,1,0.01)
save()
for i in range(180):
    rotate(40)
    polygon((0,-w/2),(0,w/2),(h/2,0))
restore() 

#TEXTEXTEXTEXT
shadow((0, 0), 100, (1, 0, 0))
font('Helvetica') #Use font that is on your Computer
fill(1)
fontSize(100)


save()
for i in range(9):
    rotate(40)
    text("{", (0,0))
restore()
Hw ms drawbot1.png
Hw ms drawbot2.png
Hw ms drawbot3.png
Hw ms drawbot4.png




Writing System

The Concept for "Colphabet" is to use the ASCII HEX number and display it as a color. The first letter will define RED, second GREEN, third BLUE. Thus the same word can be displayed in a lot of variations depending on the context and is only readable, when you decode the colors again. --work in progress--


Comments

Very good work. Well done!

  • OpenProcessing seems to be really slow right now. I have already contacted them about it.
  • There's currently no way to embed processing sketches in our wiki.
  • To embed external images, just paste the plain image URLuniform resource locator – a human readable web address which is looked up by the →DNS and translated into an →IP Address. See here.

Thanks for your feedback + keep up the good work!

— Martin Schneider 11:10, 28 October 2015 (UTC)