As promotional material for today’s view day at my course I made an interactive mindmap which was beamed onto one of the walls of the classroom of the ‘Next Web’ minor.
I got some really positive responses so I decided to post it here, click the screenshot below to check it out (navigate by clicking an element). Also feel free to check out the source-code.
Credits also go to Mark Shepherd, I used his very very awesome and super-easy to use SpringGraph component. I also used Maikel Sibbald his Sticky ToolTip for the description of every element, so thanks man.
On top of that I used the Flex component kit for Flash as to be able to create the visual effects of elements in Flash.
vgod: How did you get it working in Flex 3? It looks like many of us would like to know.
Ruben — this is really inspiring stuff. I love it that (if I could get it to work in Flex 3) I could play with it at several levels. Just modify the XML to get my own content, or start making changes to the layout and the math of it. This is the kind of thing that puts the fun into learning-by-example. Thank you!
Great, I got it working in Flex 3! The only things that had to change were:
(1) Add flashcomponents.swc to the build path (per the instructions Ruben already posted).
(2) Rearrange project resources as follows (Flex 3 wants some items in #src that used to be at the top level):
> Flex project name (top level)
>> bin-debug [automatically generated in new project]
>> html-template [automatically generated in new project]
>> libs [automatically generated in new project]
>> #src
>>> assets [folder]
>>>> mindmap.xml
>>>> styles.css
>>> com [folder]
>>>> adobe [folder]
>>>> rubenswieringa [folder]
>>> nl [folder, with fxc >> skins underneath it]
>>>> flashcomponents.fla
>>>> flashcomponents.swc
>>> main.mxml
I got the same Tooltips errors as listed above, when I placed “nl” underneath “com” instead of at the same level of “assets” and “com”.
Hope this helps!
–Rachel
[...] page : http://www.rubenswieringa.com/blog/wp-content/uploads/2007/interactivemindmap/Source page : http://www.rubenswieringa.com/blog/interactive-mindmap Ruben Swieringa is a multimedia-enthusiast who focuses mainly on developing 2d games and rich [...]
Hey there Ruben. Great stuff! Do you have any thoughts on how easy it might be to make the leaf level of the mindmap clickable? Essentially I’d like to be able to launch websites by clicking the leaves.