how this sort of navigation works: [URL] (you have to enter the site). I see this sort of thing used a lot and I would like to implement a simple version of this. I am assuming it is using the tween class and moving a movie clip based on coordinates.
View 7 RepliesSo I want to create a timeline nav like this site:timeline is a 40 x 40px color filled movie clip that use as the playhead.featContent is the movie clip that contains the feature content.I make the timeline controls the feature contents to slide (using tween class) to the next feature. No problem on this, but I can't make the feature to slide when click on the button.
Code:
function loadFeature(node){
var m = 0;
[code]......
// This is an array, a list of the buttons used. var myButtons = [this.myButton_1, this.myButton_2, this.myButton_3, this.myButton_4]; // Loops on all buttons from the first to the last one for (var i=0; i<myButtons.length; i++) { // When the mouse rolls over this menu option... reduce size just a bit. // NOTICE: I'm not taking into consideration the problem of having the hit area going down and "moving" the // mouse area and out of the button (possible rollover flicking). This is just a simple example afterall.
[Code]...
In the above instance how would I address the problem of flickering? I think want to apply the .onRollOver to an invisible button instead. How can this be done? Im just getting started with tweening animations outside the timeline with MCTween
I will just try my best to explain my document, I have a movie with 4 different content pages on the same layer I have buttons to take you to each page when clicked. Once clicked the content holder has a scale tween that scales to 0 then to full size to create like a box in and out effect with the text content appearing using Alpha once the content box is full size. The box out effect happens after the content has been visible and I would like it to be the in-between effect between the different content pages. So I guess I am asking how to continue playing the rest of the tween then goto and play the next relevant page after the button click at the moment my code is navigating but missing the last part of the tween as I am not sure on how to get it to play to the end of the tween then carry on from that frame to the beginning of the next content page.
View 9 RepliesI was trying to work through a Flash navigation menu tutorial [URL] and pretty much have it done except for a motion tween that is not working. Im working with a number of movie clip buttons with some tweens except my motion tweens are not working. When i right click in the time line to and click motion tween the frames turn blue but there is no arrow, and when I test, the project works except without a motion tween. I believe it's steps 16-18 that are giving me problems.
View 2 RepliesNow I am using the Tween Class to move some boxes in my movie, now I can move the first mc and then another mc after the first tween has finished with onMotionFinished but I was hoping someone could help with how do I start the second tween when the first mc has passed a certain _x coordinate. ie starting the second mc moving while the first tween is still moving.
View 1 RepliesIf i have a clip with a bunch of stuff inside it (on layers) like other clips, bitmaps, etc. and perform a tween on that clip (via tween class), the stuff inside the clip seems to alpha at different rates.
For instance, i have a clip with an empty movieclip which loads a bitmap image and on top of the bitmap image, i have a gradient feathered edge (.png) bitmap and on top of that I have some dynamic text (embedded fonts).
The bitmap is supposed to create a feathered edge on the photo but since they alpha at different rates, you always see the hard edge of the photo...
is there a solution like cacheAsBitmap which would let the whole clip alpha at once? If it's cacheAsBitmap, i must be using it incorrectly, b/c it's not working!
Am trying to use the Tween class to scale and move a movieclip. Now the movieclip is within the loader, so I need the motion to be controlled by the percentage loaded. Now the code to move the movieclip to its final position is:
var xscaletween:Tween = new Tween(mstone, "_xscale", Regular.easeOut, mstone._xscale, 220, 6, true);
But this is the final location, I want to be able to change the properties of xscaletween, yscaletween, xmovetween and ymovetween as per percentage loaded.As in, within this final boundary limit of the tween, I want, for example, xscaletween, to scale only till 140 till percentage hits 50. Is this possible?? If not is there a workaround?Or do I have to use new tweens within each percentage limit?
I am trying to understand the thinking behind motion tweening using AS3 (rather than doing it on the timeline).I am trying to create a simple platform game, and while this is simply a learning project, I have an movieclip instance on the stage, and using basic x+5 logic I can get the instance to move left and right on the stage accordingly.Trying to make the instance 'jump' is a bit trickier. This is the code I am using:
ActionScript Code:
import fl.transitions.Tween;
import fl.transitions.easing.*;
import fl.transitions.TweenEvent;[code].....
I thought this code would move the instance from it's current y-position and tween it to it's highest jump point. From here I planned to use a MOTION.FINISH event to tell it to tween back to it's original position.Something strage happens though, rather than tween from the current y position and move up, the instance instantly transforms it's position to y+100 and then tween back to the original position. So it kind of turns out that it is the second part of the jumping action that I want to create.
i would like to do a simple set of buttons dynamicly created by code, like simple recangles which will act to each other and have different target urls or movies to load. Also buttons should have constant spacing to each other and it should be possible to have a tween animation for each one with delayed timing, so button 3 slides in first, button 2 slides in a second later and finally button 1 slides in at last. If you click one button all of the other buttons should get deactivated and the alpha should tween down to a lower level for e.g
Something like that, sounds simple but i don?t know where to start. I guess i will need to duplicate the button give each of them different targets, tweening and activate / deactivate states, but thats all i know in theory so far.
Is there any way to make a movie clip start at a given x and y point, and ends at another x and y point, in 90 seconds?m not getting a good result.The main problem is, I want the movie clip to travel along a straight line. And by this code below the "b" movie clips makes some curves.Heres what Ive done.
"p" is point movie clip
"b" is ball movie clip
fullTime = 90000;_currentTime = fullTime;oldTime = undefined;onEnterFrame = function () {if
[code]........
If you try to make a movie clip travel along a rectangle diagonal within 90 seconds, the movie clip makes some curves.
View 5 RepliesWhat I want to do is tween a number from lets say 0 to 50 using the Tween class. The below is an example of my tween but it wasn't working (*NOTE* i'm using TweenExtended but if you change the tween to Tween only it will be the same thing, i just have a habit of using the TweenExtended class):
[Code]...
I want to build a flash based website and place there 4 button MovieClip instances. Once the user clicks a button, all the EventListeners the button attached to (Mouse_OVER, Mouse_OUT, CLICK) are removed until you click another one. Then the previous button gets these listeners back again. One button is always active at a time, so you can't turn on/off buttons.I thought it would be easier to write a ButtonClass and link the button MovieClip to it. But I had to realize that I can't listen that previous button from that class, because it only listens itself obviously. I'm trying to use "dispatchEvent" but I can't get it to work.In the flash movie I have only one frame, 'cause I'm trying to do this without the timeline. I want to use Classes and this and that to practice but I'm stuck with this problem.
View 3 RepliesI got a Website.as file that loads 4 library's movie clip's on the stage in certain positions.Clip_A, Middle, Menu, Clip_D Clip_A loads on the top left side , Menu on top right , Middle in Middle and Clip_D low right position.What i need to do and understand is how can i tell this class to find a button inside Menu and play a certain frame in Middle?I added this code in Website.as but i get errors
menu.menu_buttons.about_us.addEventListener(MouseEvent.CLICK, about_us_onClick);
function about_us_onClick(event:MouseEvent):void
{
middle.gotoAndPlay(215);
}
the error i get is this
1046: Type was not found or was not a compile-time constant: MouseEvent.How can i make this work?
I have used this navigation script several times in regular flash coding without problems (as in functions). Now I'm trying to put this code in a class for easier usage in future projects.Concept of the code is that I pass the instance of the mc in an variable so that I have an old and new location for enabling and disabling a "ON" state in an mc (vars : OldLocation && NewLocation).This is pretty basic stuff but I can't get it to work inside a class..Offcourse at the first click you will get an undefined because of no instance defined yet (I define it in the fla file).[code]
View 2 RepliesI'm hoping someone here has a couple suggestions for a generic navigation class I'm working on. I got it to work exactly how I wanted it to, but maybe someone can think of some ways to make it better. [code]
View 2 RepliesI hope this isn't faux pas, but I'm making the transition from AS2 to AS3 and was wondering if I'm on the right track with this class. One question in particular I have is, I'm storing a reference (I think it's just a reference and not a copy) of "curTab" in order to keep track of the currently selected tab in this UI navigation. Is this using unnecessary memory and is there a better way to do this?
[Code]...
I'm currently putting together a navigation that will be XML driven. The broad outline of what I'm trying to do is:XML > Custom XML parser class > Native Actionscript representation > Abstract Navigation Class > Concrete Navigation Class.The concrete Navigation class would have setter methods to allow you to skin it's appearance using display objects.
Code:
setButtonUpState(upState:DisplayObject)
This is fine if the Display object is purely Class based and draws itself programatically,
[code]......
im using the tween class within a class and having trouble getting the .onMotionFinished of the tween to recognize or relate back to the scope of the class.so if i had
Code:
var t1:Tween = new Tween(myClip, "_alpha", None.easeNone, 0, 100, 1, true);
t1.onMotionFinished=function()
[code]......
I have a movie clip that is rotated when a button is clicked:
Quote:
mc_rightBtn.addEventListener(MouseEvent.CLICK, onRotateRight);
function onRotateRight(evt:MouseEvent):void {
var myTweenRotation:Tween = new Tween(mc_gallery, "rotation", Elastic.easeOut, 0, 90, 5, true);
}
The problem I have is that when the the right button (mc_rightBtn) is clicked again, the rotation starts from the original position. Ideally I would like the rotation to continue from its current position.
where's the tween class?
View 7 RepliesI've started using the Tween class as I find it to be a really quick way to create some smooth animations. However, what I would like to do is have a sequence of many different objects animating into the scene, but all using the Tween class.Now if they were all to animate in at the same time that would be fine - but what I would like to achieve is each object to animate in one at a time, so once 1 object has finished, the next one then animates in etc etc over until all 7 are animated in. I've read up a little on using continueTo etc but not sure how to get this to affect different mc's instead of self.
View 2 Repliesextending the tween class?
View 6 RepliesSo I'm actually doing something very simple here, but it's my first attempt at tweening things through code rather than on the timeline, so I'm pretty new at this. Basically I have a small image gallery, all the thumbnails are butted up against one another in a grid. When you roll over an image, the title should tween to reveal itself below the image. I have it set up so that both the image and title are in one movie clip, with the image on the top layer.
My code does work when you move your mouse slowly, however when you roll over and out really fast, the whole thing freaks out a little, and the titles don't tween back properly, they actually stay exposed even though they shouldn't. It looks like they kind of tween back, then pop out again, with out a tween. I linked to my current swf file so you can see for yourself. [URL].
Here is an example of my code which is iterated for every image.
MC.addEventListener(MouseEvent.ROLL_OVER,onMC);
MC.addEventListener(MouseEvent.ROLL_OUT,offMC);
var myTween:Tween;
MC.buttonMode = true;
function onMC(event:MouseEvent):void{
myTween = new Tween (MC.title,"y",Strong.easeOut,94.5,138,.65,true);
} function offMC(event:MouseEvent):void{
myTween = new Tween (MC.title,"y",Strong.easeIn,138,94.5,.35,true);
}
import fl.transitions.Tween;
import fl.transitions.easing.*;
var homemanTween:Tween = new Tween(homeman_mc, "x", Elastic.easeOut, 1000, 50, 3, true);//frist tween
var adobeTween:Tween = new Tween(adobe_mc, "alpha", Regular.easeOut, 0, 1, 3, true);//second tween
how can I animate the 2nd tween after 3 seconds when 1st tween stops.
I'm trying to animate the mc in my fla with the tween class (specifically have it fade from 0 to 100 transparency [left-to right] as it moves). I'm not really a coder and more animation-based. If I was to create a variable (say named "Transp", how would the rest of the declaration look in AS2?
View 2 RepliesQuote:
import fl.transitions.Tween;
import fl.transitions.easing.*;
[code].....
I have a movie clip (box) with a text box embedded in it. I want it to expand and move to the middle of the stage when the user places the mousepointer over top of it. When the mouse is moved off I want the movie clip to return to its original position. My code almost works. The MOUSE_OUT works and returns the movieclip to its original position but the MOUSE_OVER causes the movie clip to bounce to the center of the stage, return to the original position and then bounce back to the center of the stage before coming to rest at the center location. I just want it to go directly to the center of the stage.
Also, if I have 25 movieclips like this, is there anyway that I can capture the xy coordinates of the current movieclip that is being clicked on so that I can use the same code for each movieclip to expand and move it to the center of the stage and return them to their original . I am assuming that I would have to capture the name of the current movieclip being clicked on, in a variable and capture the initial x and y coordinates in two other variables. Can I then use these variables in the following Tween statements? Not sure how to code it so that the statement will read the contents of these variables and use them as paramenters in this routine.
square1.addEventListener(MouseEvent.MOUSE_OVER,tex ter);
function texter(e:MouseEvent):voidn
{
new Tween(square1, "x", Regular.easeIn, square1.x, stage.stageWidth/2, 1, true);
[Code]....
It was supposed to be an easy code but i can't make it work until now.I want my intro texts to get scaled to a certain postion when clicked .So far this is what I have done,
var scaleTo:Number = 0.6;
var introTexts:Array = [...];
for(var i:int = 0;i<introTexts.length;i++){ introTexts[i].addEventListener(MouseEvent.CLICK, onintroClick);}
[code]....
Right now,this code doesn't do anything, I can trace out "click" but nothing happen. I tried out the first item from the array first to make sure the code is working. The x position I want is -15 and y is 300.