<< Mouse Aware 3D | Flex Mafia site now active >>

3D Tag Cloud using Papervision 3D, Vectorvision, and Flex

12. November 2008 16:34

(Repost)

Apparently BlogEngine dumped this post. I dont remember what all I had to say on the topic but here is the demo.

Currently rated 4.5 by 2 people

Currently 4.5/5 Stars.
1
2
3
4
5

By: Shawn Yale
Category: 3D, Components, Data Visualization, Flex, Flash, Actionscript, Papervision3D, User Experience
Tags: tagcloud, papervision3d, vectorvision, rotag, 3d, web 2.0, components
Comments (13)

E-mail Kick it! DZone it! del.icio.us Permalink Post RSS

My List: Actionscript 3.0 Open Source Libraries This is a list of Actionscript 3.0 libraries available on Google code and other open source sites....Flex Tag Cloud, XML, and External Stylesheets Loaded at Runtime I was doing a little work today and believe it or not, there aren't many posts online related ...Papervision 3D and .flv video I've seen some really good Papervision 3D walkthroughs that deal with various material creatio...

Comments

4/16/2009 3:23:10 PM #

Hello,

I have implemented the Tag Cloud in Flex3.

The Tag Cloud works, but when the items rotate up-side-down they disappear. When they rotate back again they appear again?

Do you know this 'problem'?

I also would like to know how to change three things:

1. I would like to minimize the items only (to a minimum size) and the instead of rotating;
2. I would like to know how to make the rotation flat (only up/down and left/right) instead of the globe shape;

3. Make the Tag Cloud static, without rotating, but with different sizes for the items.

I hope there are some answers for my questions.

Thanks in advance,

Niels Hubregtse

Niels

4/24/2009 11:00:08 PM #

I'm not really sure what you are asking in question #1. Can you explain it a little more?

This particular demo is set around a pivot which is a sphere form. In the code, you will find that our pivot is a displayObject3D.

To change the type of rotation from a sphere to a plane, you can set the item.z = 0. To add the left/right rotation only, set the EnterFrame event handler to also process the rotationY property as shown below:

private function onEnterFrame(event:Event):void
{
pivot.rotationX += ((this.height/2)-mouseY)/200;
pivot.rotationY += ((this.width/2)-mouseX)/200;
render.renderScene(scene, camera, view);
}
Of course, you can set some range checking on the rotation to limit the rotation of the plane.

For question #3, check out this post
flexadmiral.com/.../...eets-Loaded-at-Runtime.aspx

You could probably mix the two methods together.

Hope this helps. Cheers.

shawny

5/25/2009 10:37:28 PM #

I think the great from this is they gave a more information about the post,thanks for sharing it to me.

Butuan

8/8/2009 5:20:39 PM #

I focus this blog on software development, asp.net, c#, html, javascript, css, web technolgies, software design, and ui design in general.

Gamer

9/3/2009 11:39:40 AM #

Blogengine.Net is a .Net based engine, so Charles, yes, to answer your question.

shawny

9/17/2009 8:10:39 AM #

Shawny - This particular demo is set around a pivot which is a sphere form. - where is the demo?

Boilers

9/17/2009 9:11:17 AM #

Apparently BlogEngine dumped this post. Sorry about that but thanks for letting me know. You can see the demo at http://labs.shawnyale.com. I will also repost the link above.

shawny

9/23/2009 5:07:53 AM #

Thanks for the info- it turns out Microsoft’s bing really is making an impact, it seems to me your blog is getting a lot of search engine traffic from bing- have you found this to be the case?

Poppers

Poppers

10/31/2009 2:13:04 PM #