BANNER W/TEXT CIRCLING SPHERE

digitalgigalow's picture

I know this may be very easy to do but i have tried and failed. i want to create a banner that would wrap around a sphere. the banner should be sort of like a wall street ticker. is there anyway to do this, a tutorial, or a patch?

gtoledo3's picture
Re: BANNER W/TEXT CIRCLING SPHERE

Offsetting one of the angle origins on a 3D transform makes something move around a point.

Check the reference file.

So, if you want a Sprite to rotate around the center, and the implied circle path to have a radius of .5, one takes a 3D transform patch, changes Y translation (for example) to .5, and then sets the Rotation Origin Y to -.5.

Now if you power the Z rotation with an Interpolation patch, the Sprite will rotate around the center point.

Using an Iterator allows you to make more incidents of the sprite, and configure them so that they are similar over a range, by using an Interpolation (or lfo, or other patches), by setting the timebase of said patch to external and using with Iterator Variables.

If you connect the timebase of the Interpolation to the Current position on the Iterator Variables, set a Start Value and End Value, flip Repeat Mode to None, what you will see is that the letters will configure into an arc formation.

If you want to animate this, what you need to do is maintain the desired value between the start and end point, but increase them (or decrease). That is easy to do by using an additional math patch and a Patch Time patch. Reference the file... I'm glossing over some points.

(You could do a similar rotation type thing by using lfo's tied to x and y translations, set to cos and sin, and then altering phase on both, but the letter angle will stay parallel to horizon).

Getting a different alphanumeric value on each sprite can happen with a multiplexer, as in the setup, or if you need to handle incoming dynamic text, you can create a structure of text using javascript or a queue, and use a Structure Index patch and the Iterator Variables to rip through it like I'm doing with the multiplexer. I'm not really sure what you need to do, and I'm watching "It's Always Sunny In Philedelphia", so excuse my brevity ;-)

PreviewAttachmentSize
text rotate.qtz5.62 KB

gtoledo3's picture
Re: BANNER W/TEXT CIRCLING SPHERE

If you locate the SPK-StringToImageStructure plugin (I think a Google search should do it), this will show how to take in a live string push it into your circular shape.

edit-If you downloaded this off the bat, it might not work... I put it together in leopard, where a certain patch combo was working OK. I just re-edited it, and it should work in 10.5 or 10.6

Weird... it seems like this was running quicker on my white macbook in Leopard than my macbook pro in SL.

Double edit: I started thinking about this more... you got me on a kick. This bypasses the use of the plugin and does everything stock, and seems like it gets much better fps, for me at least.

If you don't want to take in an incoming RSS, you can make an output splitter off of the string truncate and input your string right there... which I've added to the "stock" attachment.

PreviewAttachmentSize
RSS text rotate SPK_gt.qtz15.89 KB
RSS text rotate stock_gt.qtz18.49 KB

gtoledo3's picture
Re: BANNER W/TEXT CIRCLING SPHERE

Wow, this got me on a kick. Let me know what you end up using this for (as in, feel free to use it as a starting point, but I'm curious).

This mixes in an extra lfo for Y placement, and gets some pretty cool effects. Full disclosure: I've been working on some similar animated text effects to this (the origin of a few iterator shape tip/things I posted in the not so distant past), and will probably very well likely use these compositions myself (yin/yang of asking online advice?)

Hope some of these examples help... if the function of the iterator isn't exactly clear, or you have more questions, feel free to ask more, or maybe do a search (?).

I think this one probably only works correctly in Snow Leopard, since I'm using smooths in an iterator.

PreviewAttachmentSize
Text Patterns.qtz23.09 KB

digitalgigalow's picture
Re: BANNER W/TEXT CIRCLING SPHERE

sorry that i did not go into to much detail. you are very close to what i want, but no CIGAR...LOL!! here it is for you:

  1. starting project - planet earth, the basic QTZ patch that you can download. it is 3D, spinning..right. second could be RSS feed ticker.

  2. i would like a banner/ticker that lays down flat and parallel with the surface of the sphere and rotates around the sphere.

  3. PICS - Universal - idea of what i want. Ticker - take this pic and rap it around the sphere and make it spin around the sphere. only need one text string, and really like the bar on top and bottom. bars/lines on top and bottom don't have to spin or move. last option would be option to change the angle of baner.

hope this is detailed enough, and not childish.

PreviewAttachmentSize
universal_studios.jpg
universal_studios.jpg8.89 KB
ticker-shock.jpg
ticker-shock.jpg28.56 KB

gtoledo3's picture
Re: BANNER W/TEXT CIRCLING SPHERE

If you just look at the attachments, you can change which axis you are rotating and you're golden... yikes. This is kinda the point where maybe you could have futzed with it a little instead of expecting it all in hand ;-)

What got you deciding to use QC for whatever you are doing, out of curiosity?

This is how to get it to rotate "the other way".

Honestly, if you want some kind of finished thing for a project, maybe someone else is interested in knocking it out for you for free, or get someone to give a quote, if you want an actual specific task done for you instead of tips to lead you on the way to accomplishing it yourself.

PreviewAttachmentSize
having mercy on you.qtz17.33 KB

digitalgigalow's picture
Re: BANNER W/TEXT CIRCLING SPHERE

95% correct..YEAH! I just got turned onto quartz because of Resolume 3.2 supporting it. got fed up with adobe flash and quartz is free. i am trying to get a job on South Beach w/ The Opium Group. i am building an intelligent visualizer.

question, don't need RSS feed, how would i change RSS feed to a text input. i no how to setup patch Resolume control.

digitalgigalow's picture
Re: BANNER W/TEXT CIRCLING SPHERE

I enjoy learning and never expect anything for free. i just started and learning to adopt it into my 15000 hd clips. tired of video and want to make my own visuals.

gtoledo3's picture
Re: BANNER W/TEXT CIRCLING SPHERE

If you look at the composition a little more, you will see that there is a multiplexer. There is a published input on that chooses User or Source String (the RSS). I set it up already so that you could flip it and write in your source string.

Play around with it a little more, I think. You will see that there is already a string that you can write whatever you wish to in.

Consider going through the Apple documentation, and looking at the Developer examples, especially if you're putting yourself in the position of trying to do a job with this without knowing it first. It's not quite analogous to Flash.

usefuldesign.au's picture
Re: BANNER W/TEXT CIRCLING SPHERE

I thought I already posted this earlier but it isn't here and it seems to be what you are describing.

PreviewAttachmentSize
spinning sphere with text only.qtz8.13 KB

usefuldesign.au's picture
Re: BANNER W/TEXT CIRCLING SPHERE

gtoledo3 wrote:
Consider going through the Apple documentation, and looking at the Developer examples, especially if you're putting yourself in the position of trying to do a job with this without knowing it first. It's not quite analogous to Flash.
Agreed QC seems dead easy at first (and superior to Flash :-) ) but then you realise it can get pretty complicated and demanding and requires some bkgd knowledge — not to put you off at all. Go for it, but the docs are a must read if you're serious about employment using QC.

gtoledo3's picture
Re: BANNER W/TEXT CIRCLING SPHERE

Lol.... it sounded like he wanted fabrication of the banner as well ;-) idk...

cybero's picture
Re: BANNER W/TEXT CIRCLING SPHERE

Nice compositions.

I really like the way that if one puts the Sphere into a GLSL shader and puts the Iterator into a 3d Transform one can adjust the rotational values on the 3D Transform and get this "Satellite Ring" look.

Done with that rinky dinky SPK based comp. [BTW FYI y'all :-)]

PreviewAttachmentSize
SaturnRing.jpg
SaturnRing.jpg40.53 KB

usefuldesign.au's picture
Re: BANNER W/TEXT CIRCLING SPHERE

I think you're right, I didn't look at his references before, or your comps either, this is probably very similar ;-)* just that I had this lying around already. This is like the universal studios banner form choose from sphere or cylinder form for banner.

This discussion reminds me of the wobbly text animation thing too, should take another look at that.

PreviewAttachmentSize
spinning sphere with banner text.qtz9.94 KB

gtoledo3's picture
Re: BANNER W/TEXT CIRCLING SPHERE

It's funny, I was just thinking about the wobbly text thing the other day, because I did a pen line drawing thing that wobbles, but I noted that it sounded like you were actually thinking of something more like a filter that gets applied to images. This is something that you draw with, and then can tweak up the wobble.

usefuldesign.au's picture
Re: BANNER W/TEXT CIRCLING SPHERE

Well, I wouldn't know where to begin programming a CIFilter to wobble an Image al la Dr Katz — even in black and white. (I guess it pretty do-able if you keep the source imagery similar). That's why I went the glyph structure route.

A note on my comp above for others, it uses AGBook Stencil font and if that is unavailable will need a heavy weight (champion) font setting to not look too crap.