mga/blog

ISSN 2011-0146

BodyType v0.1

publicado en arte,diseño,interacción,kinect,programación,tipografí­a por mga en March 4, 2012

Create fonts by waving in thin air!

I have finally found some time to build a semi-standalone binary (Mac OS X 10.6 or better) of BodyType, my Kinect-based font creation software. This version supports only UPPERCASE A-Z and 0-9. If you want to create more glyphs, let me know. The download includes a README.txt file that, as its name indicates, you must read. BodyType v0.1 is dependent in other libraries and programs in order to create your fonts properly and that file explains how to install them. They all should be installed with MacPorts.

The code is also available for download in Google Code.

Acknowledgements

This project was done as part of the requirements to complete the Spring 2011 Interactive Art and Computational Design course with Professor Golan Levin in Carnegie Mellon University.

BodyType was built with openFrameworks and makes use of ImageMagick, FontForge and Potrace.

Presentando Stereogranimator

publicado en arte,diseño,historia,interacción,programación,web por mga en January 26, 2012

GIF made with the NYPL Labs Stereogranimator - view more at http://stereo.nypl.org/gallery/index
GIF made with the NYPL Labs Stereogranimator

Publico esta foto hecha con el Stereogranimator como abrebocas para un post que publicaré más adelante sobre mi trabajo en la Biblioteca Pública de New York.

detalles coquetos

publicado en diseño,interacción,web por mga en January 22, 2012

Leyendo un post comentando sobre la compra de Summify por parte de Twitter llego al sitio web del primero:

Summify

Notarán el video que se insinúa arriba. No es un error. Ese detalle motiva a “buscar” el video, ya sea haciendo scroll vertical (que no funciona, pero sería elegante que sí) o dando clic en play. Al dar clic aparece el video:

Me pareció una curiosa forma de “mostrar el video sin mostrarlo” sacando provecho de la tendecia que tenemos a completar las formas.

Body Type

publicado en arte,diseño,interacción,kinect,programación,tipografí­a por mga en June 29, 2011

Update 2: Download a semi-standalone binary (Mac OS X 10.6 or better) of the project. This version supports only UPPERCASE A-Z and 0-9. Working on a Latin-1-friendly version.

Update: I have released most of the code for this project so that you can take a look. Send any improvements! ;)

A typeface is an environment for someone’s expression: using typefaces we write documents, create posters and subtitle movies. We follow the type creator’s restrictions and design decisions (kerning, spacing, proportion) when using her fonts. Good typefaces are created by highly-skilled people and can take several years to create. Body Type aims to allow anyone to create a highly expressive and personal typeface using only their body and hand gestures.

Body Type is an excercise on freestyle computing and was built using OpenFrameworks, the Microsoft Kinect sensor, OpenNI, FontForge, Potrace, ImageMagick, PHP, TouchOSC and the Apple iPhone.

Background

This project builds on a previous exercise on generative art that made use of the Kinect OpenNI skeleton system to create letterforms. I decided to take the idea further and create a self-contained application that would allow anyone to create a TrueType font using their body and gestures. The software should allow people to create type using their body in a way evocative of light painting photography:

love more.

Technical information

Body Type was created using the Microsoft Kinect sensor which was controlled by a C++ application created using openFrameworks and its OpenNI extension. This allowed for the 3D input received from the sensor to be converted into variable-width outlines and skeletons. The next issue was creating a TrueType font (.TTF file) from these silhouettes. The font-generation process goes through several stages in order to achieve this:

  1. Using openFrameworks to generate a black and white bitmap representation of each letter.
  2. ImageMagick is used to convert the image to a format compatible with FontForge.
  3. FontForge makes use of Potrace to vectorize the bitmap and then generates the final letterform and font.
  4. Since Body Type was displayed in the STUDIO for Creative Inquiry as part of an exhibition, web functionality was added so that font-creators could send themselves the resulting files. PHP was used to create a compressed ZIP file of all image and TTF files and send it to the specified email address.

The created font has six different possible parameters to determine a letterform’s visual attributes: skeleton lines, skeleton dots, line width, upper body, lower body and hand trails. Since controlling these parameters would be quite complicated to do by using gestures or on-screen menus, a TouchOSC iOS overlay was created to allow remote control via Open Sound Control:

Body Type iPhone console

Results

During the STUDIO exhibition dozens of fonts were created. Below are samples of some of them.

meta 2
By Terry Irwin

shawn sims outline
By Shawn Sims

heather knight flower alphabet
By Heather Knight (dingbats)

chinese whispers
By Cong Ma (chinese characters)

faste bold
By Haakon Faste

Creating the font is just part of the process. A font is made to be used. This project acknowledges the limitations of the fonts created both technically (since they lack proper letter spacing) and alphabetically (since they contain only representations for letters A to Z and numbers 0 to 9). However, these fonts allow for “freestyle” graphic experimentation:


By Paulo Pinto


By Juan Carlos Cammaert

Body Type
By Mauricio Giraldo Arteaga

Further work can be explored creating complete characters sets.

This project was done as part of the requirements to complete the Spring 2011 Interactive Art and Computational Design course with Professor Golan Levin in Carnegie Mellon University.

Body Type

publicado en arte,interacción,kinect,programación,tipografí­a,video por mga en March 26, 2011

UPDATE: “Light painting” test:
NUEVO: Prueba con “dibujo con luz”:

Body Type is a body-based font generator using OpenFrameworks, OpenNI and the Kinect sensor.

Project for the Spring 2011 Interactive Art & Computational Design course in Carnegie Mellon University
golancourses.net/2011spring/

Body Type es un generador de tipografías basadas en el cuerpo que usa OpenFrameworks, OpenNI y el Kinect.

Proyecto para el curso Interactive Art & Computational Design en Carnegie Mellon University
golancourses.net/?2011spring/

mga bold
mga bold

 

mga outline
mga outline

siguiente página »