browse OpenProcessing

Organs without Body 3
Typomonsters
2 Monsters
browse all>

browse the portfolio of casper schipper

Typomonsters
The Birds v2
The Birds
Typomonsters

Typomonsters

uploaded by
casper schipper
Be careful with these flocks of type. Press the mouse and they will talk to you. Hold the mouse button and they will… bite.
Embed Code
Fave'd by 4 users
Sketch added to your favorites in your portfolio.
You must login/register to add this sketch to your favorites.

comments

source code

Comments

REAS
20 Oct 2009, 05:33
This has wonderful qualities, it would be a great improvement to have them not start in rectangular configurations.
casper schipper
21 Oct 2009, 12:29
I implemented elliptical configurations for the flocks, and a timer to reset them automatically after some time.
Hyun Cho
25 Oct 2009, 18:17
I was trying to use it processing, but it gives me an error "NullPointerException" at typeShape[j] = loadShape(shapeName); I guess it can't load svg. Any help?
Hyun Cho
25 Oct 2009, 18:18
I was trying to use it processing, but it gives me an error "NullPointerException" at typeShape[j] = loadShape(shapeName); I guess it can't load svg. Any help?
casper schipper
25 Oct 2009, 18:28
Hi Hyun,

All the characters used in this sketch are actually SVG files, so you need those to be able to run it offline. Assets are not included when you download a sketch from OpenProcessing. I used SVG's to be able to use a scalable custom typeface online (using vector data).

Embedding a font in Processing converts it to bitmap data, which makes it unsuitable for scaling. Using a system font would work, but then I'd have to work with a ‘standard’ web font, such as Arial or Times New Roman.
Hyun Cho
25 Oct 2009, 18:45
Thanks for the quick reply:D Did you created SVG file for each font? or downloaded it from somewhere eles?
casper schipper
25 Oct 2009, 19:08
I created a SVG file for each character, but I used a small character set, consisting of only 41 glyphs.
Hyun Cho
25 Oct 2009, 19:17
Thanks again.
I like to know if you can send that file :)

Also, if I get rid of that error line above, I still get error at "Type.pde" on
shape(typeShape[shapeNum], 0, 0);
I guess it's a same problem since I don't have SVG file?
yj
26 Oct 2009, 13:58
Hi. I love this!!!
I really want to try this in my computer and I've had same problem as Hyun..
Actually, I am a very beginner and don't really understand about "creating SVG file.."
When I create each character in SVG file format (so probably total 41 files??) and then where do I need to save this all files?
Please advise me.
Thanks!!
Sinan Aşçıoğlu
26 Oct 2009, 14:04
@Casper: Infact, assets are included in the download, they are zipped in the .jar file. You can access them renaming jar file to .zip, and extract the file to a folder. You might need to dig in to the folders depending on what assets you are looking for. Unfortunately, that's how java compiler packs the things..
yj
26 Oct 2009, 14:23
wow... interesting!!
I just followed step what Sinan said and now I am able to open the file in my computer!
Thanks! Sinan!!
casper schipper
26 Oct 2009, 14:45
Thanks Sinan, I didn't know that!
yj
28 Oct 2009, 16:28
Hi. I have one more question.
I made one image and saved it in SVG file.
But its size is too big (like 460k) and I can't bring it in the processing.
I checked ur file size. It is only 4k.
Could you advise me how you did it?
Thanks!!
casper schipper
28 Oct 2009, 16:36
Hi yi,

I used Adobe Illustrator CS4 to create the SVG images. Please note that Processing doesn't support gradients. Save your shape as a SVG, not SVG Compressed. Then, make sure to choose the following options in the SVG dialog:
- SVG Profiles: 1.1
- Type: SVG
- Subsetting: none
- Location: Link
- do not check the box ‘Preserve Illustrator Editing Capabilities’

I hope this helps.
yj
28 Oct 2009, 17:05
ye. it works.
Thanks!!!!
You need to login/register to comment.