Animated movie clips in button skin states

Hello to gurus out there,
i am trying to attach flash animated skins to my button in a Flex application. Can somebody help me?
Works fine but don't animate the movieclip (timeline animation) on up, over and down states.
Thnaks!
CSS file:
.flashButton
    up-skin: Embed("/../libs/assets.swf#upSkin");
    over-skin: Embed("/../libs/assets.swf#overSkin");
    down-skin: Embed("/../libs/assets.swf#downSkin");
FlashButtonSkin
[other code]
<s:BitmapImage id="icon"
                   source="{hostComponent.getStyle('upSkin')}"
                   left="0" right="0" top="0" bottom="0" />
Main.mxml
<s:Button styleName="flashButton" skinClass="skins.FlashButtonSkin"/>

flv's are video files, not movieclips.
they can be imported into your main (or, any other ) timeline but that's not recommended because of possible audio/video sync problems.
it's better to play your videos in an flvplayback component (window>component panel).
can you add an flvplayback component to your stage? if so, in the properties panel assign an instance name (eg, flv_pb). if you can do that successfully, open the actions panel (window>actions) and paste,
flv_pb.source = "thenameofyourflvfile.flv"; //<- use the correct path/name. if you save your fla and flv in the same directory and use the default publish settings, no path is needed.
and test. any problem?
if not, you're one step away from completing your project. if yes, what problem?

Similar Messages

Movie clips as buttons

Hi all having a bit of difficulty with a project,
Iam using movie clips as buttons, the only function they
perform is loading in external swf files into a blank movie clip.
The script I have used for this is as follows:
on (release) {
loadMovie("folio.swf", "_level0.holder");

Hi joakimpilo, im not to sure im following your question
correctly but here goes...
I am assuming b1, b2, b3 and b4 are your MC buttons and you
want these to load in information.
This is what I do for similar situations,
on your main timeline have an MC named holder that you will
load external swf files into when you click a certain button. It is
important that you take a note of the size so you can create the
external swf at the same size, so when they load in they fit
correctly.
then in the buttonMC have a top layer that contains a simple
box that covers the entire area of the MC. this kind of acts as a
hit area so if you have animated the MC for a roll over effect make
sure the button covers the area you need. I then apply the script
to this button as follows (still in the buttonMC, not on main
timeline)
on (release) {
loadMovie("yourexternalmovie.swf", "_level0.holder");
"yourexternalmovie.swf" is the name of the external movie
holding the informatiion you want loaded in to the "holder" MC.
This is created in an entirely different flash document. Make sure
and remember the name of these external files and just apply to
each button.
It is also very important to keep all the swf files in the
same folder as the main flash file so it can see them to import.
Hope that makes some sort of sense, and is actually what your
looking for.

Movie Clips as buttons – ignoring my stop actions and event listeners

Ok, so I think I am hear with the proper linked files to show you guys! Pretty much learning everything, so forgive my ignorance thus far!
Anyway, I am just trying to figure out movie clips as buttons, and have been following along on Lynda.com – however, I seem to be doing these things right, but when i test my movie, the button just loops regardless of rollovers or stop actions.
You can check this address www.midnyc.com to see the failed anim, and you should be able to import it as well. Here is my coding:
function rollover (e:EVENT){
myBtn.gotoAndPlay ("in");
myBtn.addEventListener (MouseEvent.MOUSE_OVER, rollover);
function rollout (e:EVENT){
myBtn.gotoAndPlay ("out");
myBtn.addEventListener (MouseEvent.MOUSE_OUT, rollout);
thank you in advance for your help. And to KGLAD, thanks for recommending how to post a bit better! Since I never had links etc... sorry about that.

Do you get any kind of error messages? Normally if there's a coding error, movieclips and other things go haywire.
For you event handler functions, try specifying the event that matches the listener event...
function rollout (e:MouseEvent){
I think "EVENT" would be wrong anyways... "Event" would be correct

Tinting part of an animated movie clip

Hello - I have a need to tint part of an animated movie clip. For example, I might have a movie clip that consists of 2 layers, 1 layer that is tinted, and one layer that is not tinted. The animation needs to be done by an artist - it is not an algorithmic animation.
One way to do this is to make each layer a separate movie clip. Then I can apply a tint using the colorTransform property in ActionScript 3 on the 2nd movie clip. This works correctly but has several issues:
It makes it extremely difficult for the artist who creates the original animation. They can't scroll through the timeline and see what the final result looks like (like they could before the layers were converted to movie clips).
In order to drive the animation, you have to call gotoAndPlay on each sub-movie clip, instead of just once at the root level. This can cause mistakes if one movie clip's animation is slightly different than the other's.
I've played around with a ton of ways to do this, but nothing seems to work - either the tint ends up getting lost as the movie clip plays, or the tint sticks but the animation on the movie clip disappears.
Some examples of the types of things that would make this possible would be being able to assign a Tint setting from the the Flash IDE to an actionscript variable that I could change dynamically, being able to apply tints to layers instead of movie clips, etc. As far as I can tell, none of this is accessible in actionscript.
Does anyone have suggestions on how I can solve this problem, either through actionscript or by changing how the original Flash .fla is set up? To reiterate - making it so the artist can easily create the animation and maintain it is a top priority.
Thanks!

it doesn't matter what kind of loop you use as long as it
checks frequently enough to catch the termination condition, not
too frequently so it wastes computing resources and terminates when
no longer needed.

Movie clip to button help

All,
I have an animation over a round button(it looks like its inside the button) and each time you hover your cursor over the image it scales out and back in, but I need the animation to scale in and out whenever you put your mouse over the round button and not just the image.
So i need to know how to make the animation play from the hit state of the button shape?
Please help.
Thank you,
Ron

"Or you utilize the same/similar code that you use to run the clip for the rollover code of the button, possibly removing the code from the clip itself."
Great idea!
That way I can do some animation with the button like colors as well.
I'll give it a shot!
Thank you very much.
Ron

Unloading a movie clip from a for statement

Hi,
I have this code:
//create empty movie clips to place bin top, flame and bin
bottom in that order
this.createEmptyMovieClip("holder_mc2",this.getNextHighestDepth());
this.createEmptyMovieClip("holder_mc",this.getNextHighestDepth());
this.createEmptyMovieClip("holder_mc1",this.getNextHighestDepth());
//attach movie clip/variables
var dsfInstance:DropShadowFilter = new DropShadowFilter(5,
45, 0x000000, 1, 10, 10);
var b:MovieClip =
holder_mc2.attachMovie("binTop_mc","binTop_mc",holder_mc2.getNextHighestDepth());
var a:MovieClip =
holder_mc1.attachMovie("binBottom_mc","binBottom_mc",holder_mc1.getNextHighestDepth());
//property values
a._x = 419;
a._y = 244;
a._width = 112.0
a._height = 140.0
b._x = 419;
b._y = 175;
b._width = 112.8;
b._height = 10.1;
a.filters = [dsfInstance];
//create for loop to place the flame particle on the stage
many times
for(i=0;i<200;i++){
//places in temporary movieclip t
var t:MovieClip =
holder_mc.attachMovie("flame","flame"+i,holder_mc.getNextHighestDepth());
// position the movieclip on the stage for y co-ordinates
t._y = 190;
t._x = Math.random()*80+(Stage.width/2+115);
//give the flame random sizes no larger than 80 pixels and no
smaller than 20
t._xscale = t._yscale = Math.random()*80 + 20;
//randomize the frame the movieclip is going to start in the
flame movie clip is 16 frame long so it will pick number between
that
//because math.random produces decimal values we round the
number using math.ceil to the high whole number
t.gotoAndPlay(Math.ceil(Math.random()*16));
what i want to do is remove the movieclip in the for loop off
the stage when i click on a button. i can manage to remove the
movie clips with the variables a and b but i cant do it with the
one in the for loop.
i put this code in the button:
on(release){
play();
stopAllSounds();
a.removeMovieClip();
b.removeMovieClip();
t.removeMovieClip();
Is there a way to do this?

im so dumb! i figured it out.
i used the "holder_mc" the name of the empty movie clip.
holder_mc.removeMovieClip();

Movie Clip loading buttons require double clicking on the first attempt

I have created a number of buttons that load move clips into
an empty movie clip. The problem is that it takes several clicks to
activate the first clip button then the buttons behave as they are
supposed to and load properly. Is there a reason why the first time
you must click several times to activate the button loading a movie
clip?

stop();
unloadMovie(1);
agatha_btn.onRelease = function() {
nextFrame();
loadMovieNum("agatha_full.swf", 1);
anastasia_btn.onRelease = function() {
nextFrame();
loadMovieNum("anastasia_full.swf", 1);
chiara_btn.onRelease = function() {
nextFrame();
loadMovieNum("chiara_full.swf", 1);
clarisse_btn.onRelease = function() {
nextFrame();
loadMovieNum("clarisse_full.swf", 1);
fifi_btn.onRelease = function() {
nextFrame();
loadMovieNum("fifi_full.swf", 1);
gigi_btn.onRelease = function() {
nextFrame();
loadMovieNum("gigi_full.swf", 1);
ginger_btn.onRelease = function() {
nextFrame();
loadMovieNum("ginger_full.swf", 1);
ingrid_btn.onRelease = function() {
nextFrame();
loadMovieNum("ingrid_full.swf", 1);
lucrezia_btn.onRelease = function() {
nextFrame();
loadMovieNum("lucrezia_full.swf", 1);
natasha_btn.onRelease = function() {
nextFrame();
loadMovieNum("natasha_full.swf", 1);
philipa_btn.onRelease = function() {
nextFrame();
loadMovieNum("philipa_full.swf", 1);
signy_btn.onRelease = function() {
nextFrame();
loadMovieNum("signy_full.swf", 1);
sophia_btn.onRelease = function() {
nextFrame();
loadMovieNum("sophia_full.swf", 1);
teresa_btn.onRelease = function() {
nextFrame();
loadMovieNum("teresa_full.swf", 1);
trudi_btn.onRelease = function() {
nextFrame();
loadMovieNum("trudi_full.swf", 1);
};

Noob help: Triggering Movie Clips with Buttons

Hi guys,
I'm taking an intro Flash and Action Script class and for my final I need to create a portfolio project that contains 5 unique buttons that trigger 5 unique movie clips. I'm having a hard time with this. I've been able to trigger the 1st movie clip with the first button (although I can't stop it) but I can't trigger any ohter movies with any other buttons.
Here's my code:
stop();
chuck1_btn.addEventListener(MouseEvent.CLICK, playMovie);
function playMovie(event:MouseEvent):void
    spaceship_mc.play();
chuck2_btn.addEventListener(MouseEvent.CLICK,playSaucers);
function playSaucers(event:MouseEvent):void
    saucers_mc.play();
Nothing happens when I click on chuck2_btn when I test the movie. I think I need to create a variable or class but I'm not sure. I'm a super noob with this stuff. Any thoughts? Thanks!
Rick

You should learn how to use the Help documentation to find answers like how to use the visible property. For the code you showed earlier, here's what you can try in frame 1 to replace it.
stop();
spaceship_mc.visible = false;
saucers_mc.visible = false;
slideshow_mc.visible = false;
chuck1_btn.addEventListener(MouseEvent.CLICK, playMovie);
function playMovie(event:MouseEvent):void
     spaceship_mc.visible = true;
     saucers_mc.visible = false;
     slideshow_mc.visible = false;
    spaceship_mc.play();
chuck2_btn.addEventListener(MouseEvent.CLICK,playSaucers);
function playSaucers(event:MouseEvent):void
     spaceship_mc.visible = false;
     saucers_mc.visible = true;
     slideshow_mc.visible = false;
    saucers_mc.play();
etc...
It could be refined, like having a function that hides everything and using that every time before making the one you need to show visible. You might find it necessary to include telling the movies to gotoAndStop(1) as well.
That's about as generous as I'm going to get. It's important that you learn things, and handing you a solution isn't going to help do that.

Attaching movie clips to buttons

I would like to design a portfolio site in which I have small
buttons that, when moused over, they display, a pic just above it.
Each button triggers a different pic above it.

The best way to go about doing is is to use the MovieClip
class instead of the button class. Use the onRollover event. For
example, have a movie clip that displays the image on the second
frame. The use the actionscript: nameOfMovieClip.onRollover =
function():Void {
this.gotoAndStop(2);
If you want to use the button class to accomplish the same
task, then you will have to create an image that you want to
display then under the "over" frame of the button, place the image.
If you want the original image to be there and display the new
image, then just add a new layer and put the image in the new layer
while keeping to original layer.

How to change the movie clip a button links to???

I am working on a website in Flash that had already been
designed by someone else. There are a number of buttons across the
website that are linked to the same symbol. Those buttons link to
movie clips, in the button's actions, that pop up as small windows
providing more information in regards to the button clicked. The
problem is that I cannot figure out how to properly change the link
association between button and movie clip.
Here is the action script for one of the buttons:
on (release) {
_root.scrHEIGHT=100
_root.scroller.scroller.gotoAndStop(2);
_root.scroller._x = 100;
_root.scroller._y = 150.7;
_root.TM_title = "About Chris Smith";
_root.READ = 3;
When I change the number after "root.READ =" it will change
it to another movie clip but I how do I know what that association
is based on? For instance if I make a duplicate movie clip how can
I make the above script link to it? Also, what exactly does that
last line in the above script mean? When I tested various numbers,
like 3 and 6, they would link to the same movie clip.
Please help! This is driving me crazy!
Thanks!!!

Hi,
buttons can be defined with static icon/text, or dynamically via a variable (containing @08\Qtooltip@text for example). You choose the pushbutton type when you define your button using the screen painter. For the dynamic definition, you must tick the "output only" checkbox, enter a global variable name, that you'll fill in your program, preferably using ICON_CREATE function module.
BR
Sandra

Access Movie clip inside Button

Is there a way to access a movie clip inside a buttion?
I have a bunch of images in a movie clip, and I want to have the same mc to change frames in different button symbols. But when try to talk to it myButton.myMovieClip.gotoAndStop(3);
It gives me and error.
1119: Access of possibly undefined property myMovieClip through a reference with static type flash.display:SimpleButton.

no.
use a movieclip button.

Using an array to assign movie clips to buttons

Thanks in advance for any help you can give me!!
I've got 5 movie clip buttons. When a user rolls over a button, I want one movie clip to play. When a user clicks on that button, an alternate movie clip plays. I'm trying to use an array to assign certain movie clips to certain buttons and actions, but I'm not doing something quite right. I can get one button to work correctly, but then am having issues getting the other buttons to work.
Here is the code I have:
var currentPage:MovieClip;
var currentScreen:MovieClip;
var prevPage:MovieClip;
var currentButton:MovieClip;
var arrNavigation:Array = [{button:m1_mcButton, page:m1_mc, screen:s1_mc},
{button:m2_mcButton, page:m2_mc, screen:s2_mc}]
for(var i=0;i<arrNavigation.length;i++){
arrNavigation[i].button.buttonMode=true;
arrNavigation[i].button.addEventListener(MouseEvent.ROLL_OVER, onButtonOver);
arrNavigation[i].button.addEventListener(MouseEvent.ROLL_OUT, onButtonOut);
arrNavigation[i].button.addEventListener(MouseEvent.CLICK, onButtonClick);
function onButtonOver(e:MouseEvent):void
for(i=0;i<arrNavigation.length;i++) {
if(arrNavigation[i].button == e.currentTarget)
currentPage = arrNavigation[i].page;
currentPage.gotoAndStop("over");
function onButtonOut(e:MouseEvent):void{
currentPage.gotoAndStop("out");
function onButtonClick(e:MouseEvent):void{
for(i=0;i<arrNavigation.length;i++) {
if(arrNavigation[i].button == e.currentTarget)
currentScreen = arrNavigation[i].screen;
arrNavigation[i].screen.gotoAndPlay("over");

if your buttons are movieclips, use:
var currentPage:MovieClip;
var currentScreen:MovieClip;
var prevPage:MovieClip;
var currentButton:MovieClip;
var arrNavigation:Array = [{button:m1_mcButton, page:m1_mc, screen:s1_mc},
{button:m2_mcButton, page:m2_mc, screen:s2_mc}]
for(var i=0;i<arrNavigation.length;i++){
arrNavigation[i].button.buttonMode=true;
arrNavigation[i].button.addEventListener(MouseEvent.ROLL_OVER, onButtonOver);
arrNavigation[i].button.addEventListener(MouseEvent.ROLL_OUT, onButtonOut);
arrNavigation[i].button.addEventListener(MouseEvent.CLICK, onButtonClick);
arrNavigation[i].button.ivar=i;
function onButtonOver(e:MouseEvent):void
currentPage = arrNavigation[e.currentTarget.ivar].page;
currentPage.gotoAndStop("over");
function onButtonOut(e:MouseEvent):void{
currentPage.gotoAndStop("out");
function onButtonClick(e:MouseEvent):void{
currentScreen = arrNavigation[e.currentTarget.ivar].screen;
currentScreen.gotoAndPlay("over");

Character Animation: Movie Clip or Graphic Symbols?

Should I use Movie Clip or Graphic Symbols for Character
Animation? What do people who make TV shows use. If I'm not
planning on manipulating any symbols with ActionScript and I'm not
using a symbol that requires it's own time line like a walk cycle,
is there any reason to use movie clips symbols? If I put my
animation on the web will it download noticeably faster if I use
graphic symbols instead of movie clip symbols?

What I meant is, there are different ways of setting up a
workflow for Flash animation. Studio animators are trained in
traditional frame-by-frame animation. So their workflow is usually
to do the same in Flash: make every frame a keyframe, then copy and
paste everything from one frame into the next, then make whatever
changes are needed. A classically-trained animator can get a good
momentum working this way.
But for making the most streamlined SWF files, this method is
not the best. It's much better to rely on library assets, place
major parts or sets of parts on different layers, and only keyframe
those things that need keyframes. If good planning is done in
advance, it can be just as fast as doing straight-ahead keyframed
animation.
Either method may end up with the same result. But when you
want to go back and tweak things, it's a whole lot easier to do it
when method 2 is used.
I'm sure I'm not very clear. PM me and I'll send you a list I
created of "best practices" which I give to e-card animators.
One of these best practices is: place a thumbtack on the "G"
key on your keyboard. The very WORST habit that is taught to studio
animators using Flash is to use neither Graphics nor Movie Clips,
but to immediately click Ctrl-G every time they draw something.
This creates a Group. It's faster than hitting F8 and typing in a
name, but it causes ENORMOUS problems, especially when doing
retakes and revisions. And it results in gargantuan SWF files.
I literally GLUED a thumbtack to one one animator's keyboard,
since he seemed unable to remember this rule. Luckily this wasn't
in America, or I'd have been charged with grievous bodily
assualt.

Using movie clips as buttons

I dont ever use buttons because movie clips appear to do all
of the same stuff with the same code.
so in my set up i have a "video" section that, when you "roll
over" it expands and reveals some video thumbnails. i want it so
when you click the video thumb that a page will open on the right
side. i have all the "on release" code set up but it still wont
work???? i think that the expanding window is all worried about
waiting for the "roll out" to happen so the buttons cant be
clicked.
how do i have it so that the movie clip does its roll in roll
out stuff but dosent change your courser into the little hand and
finger like its a button?
NOTE: the "korath" article has the same type of code as the
thumbnails (except for the different target object)
oh and should i be using "relative" or "absolute" for the
target object???
there is the example at
www.wafflecone.ca
i couldnt upload the full fla cuz its 15 MB!

uhmmm well this is all getting a little confusing.
i havent used this kind of code before and it hasent worked
in the few places iv tried (I replaced the "movieclipname" text)
the best way is too look at the fla....heres a link
http://www.mediafire.com/?zlld2j0mxxj
i know that the movie clips can be confusing, im still
learning on how to set everything up.
-double click on the "video" box on the left side
-move the timeline to 20
-"click the "video" box once
that is where i have been putting most of the code.
you can go further into the "video" box where there is more
movie clips.
masking
than where the thumbnails are.
hope you can take a look at it.

Movie clip as button label

Hi,
I need to place a lot of buttons in the scene with different labels. I have created one button (not ui component). It is having custom look and feel. And I have placed many of the instances of this button in the scene.
Now I need to add different labels two each button. These labels are not simply some texts, but movie clips.
So how can I place these labels to each button? Placing an empty movie clip and calling attachMovie in action script failed...
I am not sure how to achieve my requirement. If needed, I can give more explanation about the requirement.
Thanks in advance.

Thank you for the reply.
But I am not sure how to add the movieclip holder (with which I call .attachMovie) to the button. If I add it the UP location of the button, I cannot access it. What I need to do is attach the movieclips in the Library (with Linkage ID specified) to each buttons from the scene using AS.
Example:
In action script,
myBtn1.myLabel_mc.attachMovie( "myLabelClip1_ID", ........ );
myBtn2.myLabel_mc.attachMovie( "myLabelClip2_ID", ........ );
So could you please suggest me a little more better?

Animated movie clips in button skin states

Similar Messages

Maybe you are looking for