24-04-2008, 02:44 PM
Good morning
hope all are happy out there.
I am playing around with a flare based tag clouds implementation and stuck with one problem right now.
Obviously a layout for a tag cloud needs to take the size of each tag into account in order to determine the layout. This is so far not a problem, but what I struggle with at the moment is to animate a change of the size of the items within the cloud. In order to determine the resultant size of a tag it seems that I first have to render the item accordingly. What I cannot figure out right now is how to avoid that the rendering of the tag is displayed immediately. In this demo you can notice that the new size of each text is shortly displayed before the animation starts. This flickering is exactly what I would like to avoid, but so far I haven't found a way to accomplish this.
I have a feeling that I oversee a straight forward solution to what I want to achieve but I seem to be blocked and even drinking lots of beer hasn't helped. Any suggestions how to handle this highly appreciated.
cheers
martin
ps The attatched demo isolates the problem and uses a quick hack SimpleLayout rather than the CloudLayout I am working on right now. The current state of the cloud layout can be seen here
http://goosebumps4all.net/flareLab/cloudLayout.html
What I do in this CloudLayout demo is making the tags invisible, render them newly and then make them visible again, all this in an animated fashion pretending to be sexy even so this is done to hide the yet unsolved problem described in this thread.
requires flare version 2008.07.29 or higher
hope all are happy out there.
I am playing around with a flare based tag clouds implementation and stuck with one problem right now.
Obviously a layout for a tag cloud needs to take the size of each tag into account in order to determine the layout. This is so far not a problem, but what I struggle with at the moment is to animate a change of the size of the items within the cloud. In order to determine the resultant size of a tag it seems that I first have to render the item accordingly. What I cannot figure out right now is how to avoid that the rendering of the tag is displayed immediately. In this demo you can notice that the new size of each text is shortly displayed before the animation starts. This flickering is exactly what I would like to avoid, but so far I haven't found a way to accomplish this.
I have a feeling that I oversee a straight forward solution to what I want to achieve but I seem to be blocked and even drinking lots of beer hasn't helped. Any suggestions how to handle this highly appreciated.
cheers
martin
ps The attatched demo isolates the problem and uses a quick hack SimpleLayout rather than the CloudLayout I am working on right now. The current state of the cloud layout can be seen here
http://goosebumps4all.net/flareLab/cloudLayout.html
What I do in this CloudLayout demo is making the tags invisible, render them newly and then make them visible again, all this in an animated fashion pretending to be sexy even so this is done to hide the yet unsolved problem described in this thread.
requires flare version 2008.07.29 or higher