I have uploaded Creating 3D Carousels II which starts off where part one ended. In this tutorial I show how to create a dynamic, XML-driven carousel of icons. I also show how to implement tooltips that follow the path of the icon that spawned it. I am planning on doing a part three which will turn this carousel into a mini Flash site. Check it out at http://www.gotoandlearn.com.
Hope you like it!
Lee
[... I have uploaded Creating 3D Carousels II which starts off where part one ended. In this tutorial I show how to create a dynamic, XML-driven carousel of icons. I also ...]
This blog contains opinions and thoughts that are my own and that are not necessarily shared by the company that I work for. Adobe allows its employees to share their opinions publicly through the use of blogs, Twitter, and other forms of social media.
© 2010 Lee Brimelow
Lee, that was great!!! I never would have thought of making this via xml. but i do have one question: I dont know xml but i think it is very repetitive to use a line for each icon. isnt there someting similar to a for loop in xml?
Can’t wait for the next one!
-Otto
Sweet lord! Thank you Lee, this is exactly what I was about to add to a project this week and the XML file just makes it all the more easier to create.
Very cool Lee!
Thanks again for bringing us great tutorials.
Brilliant, very informative and I’m really glad I found this site! Thanks to all the other guys who are posting top work on your forum too! Fight the power!
Fantastic tutorial – this piece of code I found particularly useful:
var home:MovieClip = this;
Will definitely be incorporating this and the Deligate utilty…
Thanks Lee – can’t wait for the next one!
Dear Lee,
This tutorial is awesome, but can’t wait to see the 3th one to make a flashsite out of this.
That is the one thing i miss how to give it actions.
Do you have any idea when the Third one will be online?
AWESOME JOB!! Thumbs up
Respectfully,
Michel
Lee,
That tutorial and several others on your site have put http://www.gotoandlearn.com the absolute best place to find flash tutorials. Your explanation is easy to understand and you give details about why you do something, rather than a “here is the code” approach.
I am not by any means a flash actionscripter, but I am going to play around with using the Blur class to blur the further away Icons, and blur there movement.
With these two tutorials I was easily able to create exactly what I wanted to and now I will be able to apply some of the parts to other projects.
Thanks,
Seth
Great that caroulsel it’s also spinning around in my head,
with al that actionscript going around.
Will follow all your next Action script coming up and
maybe one day the i will manage to write something myself.
All the best…
WOW!
Lee, the only thing I can do is to thank you, for the tuts, you’ve made. During last few months i’ve done all the tuts from gotoAndLearn, and, thanks to them, my skills improved significantly.
Once again BIG THANKS
best regards from the far side of the world
Lee, Your tuts get better and better, and as always are something that we can really use. This using the xml file is great. I always like making something is flash that is easaly updatable using something outside of flash. This was a great way to take something that you already done and make it that much better.
Thanks for comments
All the best…
Amir karimi- Iran
http://www.largestudio.com
hey Lee
thank you for a great tutorial… just wanted to share an e-commerce RIA I built that uses the carousel technique on the home page. thanks for giving back great things to the community!
http://www.koastalmedia.com/
I was wondering how I would make the icon so when you click on it, it takes you to the appropriate scene or frame. Could you email me with the answer? Also your tutorials are great and I look forward to more. Your way of giving the code and explaining it is great.
Thanks
Matt (a 12 year old)
I was wondering the same thing. How would I go about making the icons point to a link or open another movie clip.
EXACTLY what I was wondering…what is asked above, I love this menu and hats off to Lee but I need it to function like a navigation system, exactly like what was asked by Matt…How do you make them link to maybe say, an external swf or point to a different frame?
For some reason I can not get the icons to show up when they play in the finished product. I do not know what I am doing wrong. I have followed your tutorial and have even gone over it and over it again. What am I missing? All that is seen is the blue square and the reflection spinning. The mouse over works but the images are not there, nor is the tiptools. Please help.
Robin
hello,
is there a simple way to add a MovieClipLoader on the png ?
thanx
I am having problems getting the images to display on the carousel. All that is showing is the blue boxes. Not sure what I have done or not done, everything looks like it should. Please help.
Is there anyway to create this same kind of carousel that would be backwards compatible with Flash 6 and 7?
Great!!!!! but is there actually a way to go to a frame or load another movie from these icons?…Thanks! love to know!
Love the Carousel!
How can i view the tutorial?? I’ve tried to access your site, but I can’t, is it on lynda.com as well?
Thanks!
Pep.
I want to add an object in the center of the carousel, but have the icons + reflection disappear behind the object when the are behind it. I played with the swapdepth but am having problems!
Is there an easier way of calling images from the xml file. I do not need to use all 3 movieclips (item, icon, inner). I am creating the png’s with reflections. All i see is the blue boxes when I test the movie. After the first Carousel tutorial it was working fine, bu tonce xml was brought into it it malfunctioned.
some one help me i make the menu but when i run it i see nothing
Great tutorial!!!!
Just wondered if you could tell me how to attach a url to each icon that is stored in the xml file?
Thanks
Hi all,
Love this script, but i have a problem.
When i publish the SWF to the net, it doesn’t dhow up the icons!
Any ideas?
I have the same problem! Exactly the same!
It is really annoying i’ve tried everything.
Hello
At the end of the 1st tutorial there was this part II promise that would make, and I quote: “make the carousel stationary and, when you click, it’s gona spin around so that item is in the front”.
I really wish to perform this effect but I’m not succeding. I’ve finished the 2nd and 3rd part of the tutorial but I still can’t make this work. Will there be a 4th part?
Congratulations on the tutorials and presentation and best of luck for the future.
Any help would be highly appreciated.
Thk in advance
How can i play carousel around the x axis please someone can help me
Simply gratefull…thank you very much Mr Brimelow…look…i have just finished perfectly the first part of the 3d carroussel and at the point of this second part im having a problem that i think is a typing error…one variable is undefined and the reflection of the icons dosnt appear…i was asking myself….could it be possible to download the source of this tutorial somewhere (ive been looking everywhere but i dont find where to download the fla. file)… if you could tell me where to download it or send me by email (ive seen that some tutorials have the source and others doesnt)it would be really nice.
Thanks from Spain
Alan Ahrend Doreste (tryingToLearn)
Hey there,
I’m struggling to load my images into the movieClip “inner” and am assuming i’ve done something wrong here –
t.icon.inner.loadMovie (nodes[i].attributes.image);. The only places I can think are in the .xml file itself or the movie holder for the icons. When published it shows the correct number of elements in the carousel according to the .xml, so the link’s correct but no images.
Your help would be much appreciated,
Many thanks,
Matt
Hi Lee,
May I start by thanking you infinitely for the tutorial. It helped so much.
The problem I’m having is preloading the movie though. I’m used to ordinary flash preloaders but how would I preload the images in the carousel? At the moment they load in quite slowly and it may put my client off!
Any help would be much appreciated,
Thanks again.
Tom
Lee, great tutorial.
For me first part of the tut. ok works perfectly.
Second part, no icon appear, I have the black background. After redo the tutorial several time, changing png icons to jpg pic same thing. My xml file is done with notepad++ so, I’m stuck and need help. I have exactly the same AS code as the tutorial. Iwould like to do my website with this type of carousel.
Thanks for an help Richard
Lee, awesome tutorial!
I’ve completed it all, but now would like to expand my navigation.
How do I link to external swfs from the icons instead of the tween animation within the file??
If it so happens that when u navigate to other swfs and you can’t get back to the same position the carousel was in, that doesn’t matter atm.
I just want the linking to other swfs to work!
Thankyou!
I like it lee
pls….. con u help to add some to it
i need when click icon (any) i wont to go and stop or load swf in to it
Thankyou!
Lee, fantastic tutorial and as a complete beginner to actionscripting, really easy to follow and adapt – much appreciated.
I would like to use this animation as navigation on an HTML site. The question is, how do I get the ‘function released()’ to call the XML file and load an HTML page in a browser and not within an object in the flash file?
Any help much appreciated. Many thanks
Simon
Hi Lee
Thank you for writing this blog and for the gotoandlearn site!
I am a flash + actionscript newbie and your help is greatly valued.
I have posted the following question on the gotoandlearn forum but have not received an answer yet, so decided to ask you.
I have adapted the carousel tutorial the following way:
I added a rotate left button and a rotate right button.
When each button is pressed the carousel moves in the respective direction and stops(I set speed = 0 on keyUp event)
But I´d like to ensure that onkeyup the carrousel stops when the next icon stops in the middle of the screen.
How do I do this?
All help appreciated. Thank you.
Hi, I think it’s great that you would show non-developers and programmers how to create something so great and eye catching!
I was just wondering though how i would add links each individual icons so they would open up a new html page. It’s lovely the way it is but i need it to be a functional navigational menu. As each icon doesnt seem to have it’s own parameters, i was wondering how this could be achieved. Would it be possible through the xml file or not?
Would really appreciate a reply
Kewl effect,
i’ve try it and it works just fine.
And now i want to make the button to be link to an external link.Can you help me how to edit the script?
I appreciated it so much
Thanks
What i want to do is,to use the button to simply load an swf movie on spesific level,can i do that?
HELP please,thx
hi, erm.. my carousel isnot working. the actionscript is okay i think. but it has not loaded. the screen is blank when i go to play it. any idea as to why that might be?
hi dere,
i checked ur three 3D Carousels tutorial…its absolutely nice
i have only one question which is,
in ur 3D Carousel u jst create when the user click the object
its zoom in and appearing the text..
here is my question
i jst want to do like this
when the user click the object i want it to goto
scene 2, and when he click another one its goes to scene 3
bla,bla……….
actually I’m doing my training.
my company need one project from me.
so this 3D Carousels prat of my project and want to do like
as i mention in the earlier….
so if u be kind and give me some solution.
plzzzzzzzzzzzzzzzzzzz
here is my e-mail address
vishminna@gmail.com
I need someone who can fix my carousel correctly.
How do I contact Lee Brimelow or someone fix it.
I am skeptical, but I need someone to fix this carousel.
http://globus-solutionsprojects.net/Brandon_TCI_4.13.09/index.html#
If you double click on the government picture it hyperlinks to the so called developer who took my money.
Can someone fix it. Goto http://nashville.craigslist.org/web/1122638363.html and get details.
ssssssssssüperrrrrrrrrrrrrrrrr