Prototype Library

December 18 2011

Banner
Hello folks, I hope everything is going well for you. I am doing this briefly post to share something I have been working on my spare time here in Berlin and I believe can be of some use for you (I actually thought about some of you when doing it). Prototype Library, as the name already says, is a library to make things easier when trying to prototype GUI like interactions in Processing, so you don’t need to stick with Flash.

The library is based in the concept of Parts, something like Flash AS2 MovieClip, and Behaviors. While a Part represents the appearance of the component, the Behaviors determine what a Part can do (with or without user interaction), like being dragged, walk around, etc. In the current version you can play with things like x, y, relation point, pivot point, scale, rotation, alpha, etc. You can also have Parts with multiple subparts. There is also support for things like rollOver, rollOut, pixel based collision and etc.

The Library will work with either Processing 1.5 or 2.0 as long as you use OpenGL. It available for download with some examples and the source code at:

Processing 1.5
Processing 2.0

If you are interested in contributing, there is a git repo at:

https://github.com/mperes/Prototype

UPDATE: I have added lots of stuff like text part with line break, crop (…) and a few other sample widgets (Button and Radio). There is also support to add parts with multiple states to be used as animation(sprites) or simple interactions like rollOver, press, etc.

December 18 2011

Sweet, thanks Miguel. I’ll check it out in details for sure.

December 18 2011
Stoffel permalink

fantastic! And cool you’re sharing. Thinking of doing something similar with some physical prototyping platform (Arduino?) and various actuators. It’s the subtleties that really form the design space.

December 26 2011

Hey Miguel, you should correct the spelling on the jpg image/capture, it kills the WOW moment a bit…

/Camille

December 26 2011
Miguel permalink

Thanks for pointing out. Were you referring to the ‘gotta’ (was misspelled ‘got’) ?

Leave A New Comment

Captcha Challenge * Time limit is exhausted. Please reload CAPTCHA.