JavaScript Text Messings

toneburst's picture

Just for a change, I thought I'd have a go with some JavaScript text effects in QC. This is the result. It's not very spectacular, but could form the basis of something more interesting, especially if combined with a custom font, or some nice animation of individual characters.

I've tried to make it as flexible and modular as possible. Each JS module outputs a complete string and a structure of individual characters, which could be passed into an Iterator for animation.

Hope it proves useful for someone out there.

PreviewAttachmentSize
tb JS-ASCII Demos 1.0.3.qtz23.49 KB

cwright's picture
hehehe

For an upcoming project, I used something similar to this (string -> JS -> structure for per-character animation). Whipped it up last week. No string manipulation like yours though.

Good thing you didn't patent your approach :)

toneburst's picture
:)

Well, you're welcome to add 'string-glitching' to whatever you're working in....

alx

Quartz Composer Blog: http://machinesdontcare.wordpress.com

Music Site: http://www.toneburst.net

psonice's picture
strings

Nice ideas there. Maybe an idea for extending it: character matrices, so you can have words appearing in a grid etc. I think this would go well with my scroller example too, you could do some good credits etc. with the two combined.

Chris - you can make a structure of strings just using the string components patch, if that's what you're doing. Just set the separator to nothing and it returns a list of all characters. Not as ascii mind!

toneburst's picture
ASCII

Cheers!

The whole idea for the ASCII stuff came from an effect I used to do in Director, years ago. I'd have a word, and the ASCII character numbers for each letter of the word would be related to the distance of the cursor from the word. So, moving the mouse around caused the characters to change. When you got the mouse close enough to the the word, the correct characters would appear, and you'd be able to read what it said.

I forgot about the whole thing for years, then someone asked me to look into animated text effects for VJ-ing, so I thought I'd see if I could knock up something similar in QC.

alx

Quartz Composer Blog: http://machinesdontcare.wordpress.com

Music Site: http://www.toneburst.net

snerg's picture
Nice composition and thanks

Nice composition and thanks for sharing it!

I would really love to fiddle with a video to ASCII-art filter, I think processing has one of those as an example patch, which could serve as a reference for the code.

I think a similar filter could be made with QC.

Snerg

toneburst's picture
ASCII Art

I spent a lonnnnng time working on an ASCII Art filter about a year ago. I almost got there with it, in the end, but then Leopard make along, and there's an Apple example ASCII Art QTZ that did a much better job. Can't seem to find it now though... Hmmm.

alx

Quartz Composer Blog: http://machinesdontcare.wordpress.com

Music Site: http://www.toneburst.net

psonice's picture
Ascii example

I've seen that too, it's impressive. I think it was actually a filter available in one of the examples, rather than a separate app.

iboy's picture
ASCII Art - example location

Howdy all,

/System/Library/Compositions/ASCII Art.qtz

There's a lot of useful, interesting techniques in these comps.

Ian

toneburst's picture
Well done

for locating that. I'm definitely going to revisit my earlier attempt at doing something similar, especially as I think it could work quite nicely with my JS String effects.

alx

Quartz Composer Blog: http://machinesdontcare.wordpress.com

Music Site: http://www.toneburst.net

cwright's picture
components

Wow, good call on the string components bit :) trimmed up the compo a bit, thanks :)

toneburst's picture
Pretty Cool

The Apple one is pretty cool. The one I had been working on was simpler in some ways. The Apple one uses 96 characters, and mine used far fewer. On the other hand, mine had more controls, and you could tweak the controls more easily (the Apple one pauses while it regenerates the character table whenever you change the font size).

alx

Quartz Composer Blog: http://machinesdontcare.wordpress.com

Music Site: http://www.toneburst.net