MOTION TWEEN Vs. SHAPE TWEEN
What slows down a .swf file more?
I have a site I'm re-doing from scratch, and I see quite a few places I got lazy and used a lot of Movie Clips. I could use shapes and have the same result. The main .swf did suffer from a little slow down...
I've read most of the literature there is on the net [on this subject], and I was wondering what first hand experience some of you had?
I know you're going to say, "It depends...", but I mean...
as a rule... which plays faster/more taxing on the browser?
G
SitePoint > Design Your Site > Flash and Actionscript
Posted on: Jan 20, 2005, 19:04
View Complete Forum Thread with Replies
See Related Forum Messages: Follow the Links Below to View Complete Thread
Using Stop(); On A Shape Tween Of A Swapped Movie Clip Symbol Within A Motion Tween
Thanks a lot for your time. I'm new to actionscript, and language syntax and I never really got along to begin with so I appreciate any help in the matter.
Basically the title says it all - I made a motion tween in the main scene, made a movie clip symbol (to shape tween a gradient) and added a stop(); inside the gradient-tweened-symbol. I then swapped the movie clip symbol with the motion tween in the main scene, and got exactly the effect I wanted (the item moved, then tweened itself) but the stop(); seems to have no effect.
I know this looks like one of those "that idiot didn't google before posting" questions, but I've been looking for about a half hour with different permutations of stop, doesn't work, actionscript, and flash, and I haven't found anything that seems to target this problem specifically.
If you've got any idea what's going wrong, please feel free to respond or show me how to better seek help on my own. Thanks again.
Shape Tween Like A Motion Tween, Using Guide Layer
How if possible, can i make a shape tween behave and follow a set path (like using a guide layer)while morhping/tweening?
So far it seems as each time i try it always goes in a straight line from a to b and in this case that's not what i'm after.
Do I Use A Shape Tween? Mask? Motion Tween?
How do I make this arrow grow into shape? I want it to slowly appear...but not fade in...
it's hard to explain...but here is the arrow, hopefully you will understand what I want...
I tried using a mask, but instead of revealing the arrow little by little, it dissapeared little by little...(basically the exact opposite)...
I also tried putting a white box over it & motion tweening the box to reveal the arrow...but that didn't look good...
any ideas?...suggestions?
thanks in advance...
Change From Motion Tween To Shape Tween
I am trying to have a motion tween of some text move on the page and then change into a shape (i.e, a shape tween). I can't seem to make this work. I put a keyframe at each end of the motion tween and that works fine. Then I add another keyframe, delete the text and replace it with my shape. Then I select just those frames and add the shape tween but nothing happens. How do I accomplish this successfully?
Thanks.
Shape Tween / Motion Tween Problem
I must be missing something very obvious.
I have created a movie that draws a box, fills in the box with color and then is supposed to have the menu swoop in from the right. Mind you this is for learnnig, not cosmetic appeal Why is it when I use tweens I get the dotted line versus a solid line in the time line?
If you take a peek at the FLA it is obvious what I am referring to. I must be using the tween function or symbols in an improper manner.
I have attached the FLA.
Any help appreciated.
Thanks,
Kerry
www.skurz.com
Shape Tween / Motion Tween Problem
I must be missing something very obvious.
I have created a movie that draws a box, fills in the box with color and then is supposed to have the menu swoop in from the right. Mind you this is for learnnig, not cosmetic appeal Why is it when I use tweens I get the dotted line versus a solid line in the time line?
If you take a peek at the FLA it is obvious what I am referring to. I must be using the tween function or symbols in an improper manner.
I have attached the FLA.
Any help appreciated.
Thanks,
Kerry
www.skurz.com
Motion Tween & Shape Tween In Same MC? How?
I have created a shape tween on my first layer. On my second layer I would like to create a motion tween. But the motion tween says it will not occur with layers with shapes or more than one group. Can anybody enlighten me a little bit on this.
Thanks for any help that is given.
Derek
Motion Tween To Shape?
Hey, Major newbie here, i was just wondering how to make a shape tween right after a motion tween, i have flash 5. Thanks for your help
Shape Vs. Motion Tween
If you have the option of converting a rectangle to a symbol and making a motion tween, or leaving it as a shape and using a shape tween, is there any difference as far as performance or file size?
Motion Or Shape Tween
I got everything set up and fit right, I am trying to do the box effect its on this site http://www.jpeggraphics.com/ you see how the box scale it self in and out.
Motion And Shape Tween
I am having trouble figuring this one out and would appreciate any help!
Basically what I want to be able to do is move a drawing from one corner toward the center of the stage, as it approaches the center of the stage, change shape and then change direction to an opposite corner.
Can anyone provide me with a simple tutorial?
Thanks in advance!
Motion Or Shape Tween
ok I got everything set up and fit right, I am trying to do the box effect its on this site http://www.jpeggraphics.com/ you see how the box scale it self in and out.
Combining Shape And Motion Tween
I just started learning flash and i found these boards they have helped me with everything so far. But now i am stuck i can perform motion tweens and shape tweens but how can you use both shape and motion on one layer. please help me
Masking W/ Shape Motion Tween
I am trying to use some masking that utilizes some shape tweening as well. It seems that this only works when I publish in the Flash 6 player. So my question is does the Flash 5 player support masking layers with shape tweening? It does not appear that it does, but I did not think this was a new feature in the Flash 6 player and swear I have seen some sites that use this with the Flash 5 player. Here is a example of what I am doing. You will obviously have to have the Flash 6 player in order to view the masking effect. Thanks in advance for all your help! TC
http://www.webdivo.com/topnav2.swf
Shape + Motion Tween At The Same Time?
hey dudes n dudettes
was just wondering if anyone knew how to create a motion tween and shape tween at the same time?
what i wanted to do was make a shape change while fading out
thanks in advanced
Scriptable Motion Or Shape Tween?
Hi, is it possible to acomplish this without creating an animated movieclip? And if so, does anyone know how to do it?? What I want to do is a simple change in size of a movieclip.
CPU Usage: Motion Or Shape Tween?
Hey
Just wondering if there is any difference in the CPU usage of a motion tween and a shape tween.
I know what each are capable on doing, but say both were doing basically the same thing, like a simple Alpha tweens. Which would you prefer to use and why? does either of them take greater amount of processing power?
Help With Bitmap Motion/shape Tween
I have a book i'm attempting to animate. The cover opens and the problem is I need to distort the bitmap in order to make the animation completely realistic. Obviously, I could do a (size costly) frame by frame version, but I'm not too thrilled about that. I can obviously do a motion tween with scaling and the book cover closes fine. Problem is that with perspective, I need the height of the cover's edge to get larger as it approaches the 90 degree angle point. Get what I'm saying? How can I apply a tween that will allow me to scale AND distort the bitmap while retaining a good, clean tween on the bitmap (without unwanted affects)?
CPU Usage: Motion Or Shape Tween?
Hey
Just wondering if there is any difference in the CPU usage of a motion tween and a shape tween.
I know what each are capable on doing, but say both were doing basically the same thing, like a simple Alpha tweens. Which would you prefer to use and why? does either of them take greater amount of processing power?
Shape Twen / Motion Tween Problem
I must be missing something very obvious.
I have created a movie that draws a box, fills in the box with color and then is supposed to have the menu swoop in from the right. Mind you this is for learnnig, not cosmetic appeal Why is it when I use tweens I get the dotted line versus a solid line in the time line?
If you take a peek at the FLA it is obvious what I am referring to. I must be using the tween function or symbols in an improper manner.
I have attached the FLA.
Any help appreciated.
Thanks,
Kerry
www.skurz.com
[CS3] How To Move An Entire Shape Or Motion Tween
scenario is i've created a motion tween for fading purposes, have my object with alpha 0% at point A and end 100% at point B as normal.
now i want to move the entire sequence to a new location, the way i'm doing it now, is i have to move the beginning graphic, then manually move the ending graphic as well, and try to even match it up so that there's no movement during the fade.
is there anyway to way to just grab the entire thing and move it on the stage?
Create Shape And Motion Tween Of A Line
I am trying to create a line graph in which the line is following a certain path over time like in a simulation. The line starts with a point in frame 1 and ends with a smooth not straight line in e.g. frame 50. The line has to "run" like in an electrocardiogram.
Is it possible to create this in flash?
If so, how? I tried to combine shape and motion tweening, but that didn't work.
Thanks for your help
The First Frame Of My Shape Tween Should Look As The Last Frame Of My Motion Tween...
How do I make a motion tween go over in a shape tween? When breaking apart my instance, I loose all effects. (Gradient fill/tint/alpha (newbie...)). How can I start a shape tweening with an object that at least LOOKS like the instance in the last frame of my motion tween -since I cannot add tint or alpha to it- ?
(a simple star that morphes into a raindrop)
[Edited by spip on 01-05-2002 at 05:59 PM]
Weird Lines Appear During Motion Tween That Involve Size/shape Transforms...
Hey guys, I've encountered a strange problem while making my new flash cartoon;
It happens during motion tweens involving a size or shape transformation of a movie clip - For some reason these weird lines appear and flicker on and off while the tween runs. The lines can't be erased, and I have no idea how to get rid of them or what is causing them; it tends to happen when the movie clip is more of a geometric shape like a box or a table drawn using the pen tool. I've attached some images of what they look like;
See the lines? They flicker on and off, its really distracting and annoying.
I've tried to break apart the movie clip and do the size transform as a shape tween rather than motion tween but the lines still pop up RIGHT when I try to change the image's size or shape. It's happened on more than 1 occasion, after restarting the program too so I dont know whats wrong.
As you can see in the images, the lines kind of flicker on and off,change color as the tween runs.
Does anyone know how to remove these/avoid these? I would really appreciate any tips or suggestions. Thanks alot guys!!
Tween Class Scaling Breaks Motion Tween?
I have a movie clip which uses a motion guide to animate the entry (and eventually the exit) of a bunch of other movie clips. These smaller clips contain buttons, and animate on rollOver and rollOut using the following code:
Code:
on(rollOver) {
this.swapDepths(2);
ParentxScale = new mx.transitions.Tween(this, "_xscale", mx.transitions.easing.Back.easeOut, this._xscale, 100/.6, .5, true);
ParentyScale = new mx.transitions.Tween(this, "_yscale", mx.transitions.easing.Back.easeOut, this._yscale, 100/.6, .5, true);
play();
}
on(rollOut) {
ParentxScale = new mx.transitions.Tween(this, "_xscale", mx.transitions.easing.Bounce.easeOut, this._xscale, 100, .5, true);
ParentyScale = new mx.transitions.Tween(this, "_yscale", mx.transitions.easing.Bounce.easeOut, this._yscale, 100, .5, true);
stop();
}
However, once an object has been moused over, it doesn't exit with the others. Any ideas why it seems to "fall off the track" of the motion guide?
Seperating Motion Tween From Alpha Tween
I am trying to fade in the alpha on a graphic symbol rather quickly at the same time the symbol scrolls very slowly up the stage, but the two seem linked, so that a very slow scroll means a very slow opacity gain. How can I fade the photo in quickly while the photo motion tweens slowly?
How To Motion Tween Thats Not Linear Using Script Or MC Tween?
If you wanted to do an animation of a ball that goes from A to B but not linear, how would you do it by code or Mc tween. How would you make the ball go in a curve line for example instead of a straight line from A to B?
I understand you can use a guide to get all types of non linear motion tweens on a timeline, but how would you do it using MC tween or coding.
Motion Tween, Tween Back
hey guys, its been a while.
i have a pretty strange problem, strange in the way that i dont understand why its happening, any help would be appreciated.
im creating a bejwelled game.
what im doing is:
when you click on two adjacent blocks, i call a function that uses a motion to swicth them. This works great. The i call a function to test whether the move has resulted in a combintion of >2 blocks. If it returns false, i recall the previouse tweening function to reverse the blocks to their original positions, this is where my script breaks down, it executes the function but nothing moves !
Heres the relavent code:
ActionScript Code:
import mx.transitions.*;
import mx.transitions.easing.*;
var bt1:Tween;
var bt2:Tween;
var initBlock:Object = new Object();
var b:Board = new Board(); //external classes no issues here
var g:Game = new Game(); //external classes no issues here
var counter:Number = 0;
var x1:Number;
var x2:Number;
var y1:Number;
var y2:Number;
initBlock.onEnterFrame = function() {
this.onRollOver = function() {
this.gotoAndPlay("rollOut");
};
this.onRollOut = function() {
gotoAndPlay("rollOut");
};
this.onRelease = function() {
var s:String = this._name;
getClickCoord(s);
_root.counter++;
if(_root.counter == 2){
_root.x1 = g.fromX;
_root.x2 = g.toX;
_root.y1 = g.fromY;
_root.y2 = g.toY;
if(g.isValidInput()){
swapBlocks();
updateMcName();
updateBlockArray();
if(isValidMove()){
/* ommited for space */
}else{
trace("no combination");
//switch position variables
var m:Number = _root.x1;
_root.x1 = _root._x2;
_root.x2 = m;
m = _root.y1;
_root.y1 = _root.y2;
_root.y2 = m;
//change everything back
swapBlocks();
updateMcName();
updateBlockArray();
}
}
//reset variables
_root.counter = 0;
g.fromX = g.fromY = -1;
g.toX = g.toY = -1;
}
}
};
/* ********************************************
* Display blocks
******************************************** */
function display(a:Array) {
var k:Number = 1;
for (var i:Number = 0; i<6; i++) {
for (var j:Number = 0; j<6; j++) {
var blockName:String = "Block"+k;
var blockDepth:Number = this.getNextHighestDepth();
this.attachMovie(a[i][j].__type, blockName, blockDepth,initBlock);
this[blockName]._x = j*50+100;
this[blockName]._y = i*50+50;
k++;
}
}
}
/* ********************************************
* Get co-ord of click block, from block name
******************************************** */
function getClickCoord(s:String):Void{
var x:Number;
var y:Number;
if(String((Number(s.substring(5)) / 6)).length == 1){
y = (Number(s.substring(5)/6) - 1)+1;
}else{
y = (Number(String(Number(s.substring(5))/6).charAt(0)))+1;
}
if(Number(s.substring(5) % 6) == 0){
x = 6;
}else{
x = Number(s.substring(5) % 6);
}
if(g.fromX > 0 && g.fromY > 0){
g.toX = x;
g.toY = y;
}else{
g.fromX = x;
g.fromY = y;
}
}
// i knows it an insain way to do it, but it works fine for the moment
/* ********************************************
* Swap Adjacent Block
* - From (x, y)
* - To (x, y)
* ******************************************** */
function swapBlocks():Void{
var s:Array = b.getBlock();
var block1:String = "Block" + String((_root.y1-1)*6 + _root.x1);
var block2:String = "Block" + String((_root.y2-1)*6 + _root.x2);
if(_root.x1 == _root.x2){
var blockTween1:Tween = new Tween(this[block1], "_y", None.easeNone, this[block1]._y, this[block2]._y, .5, true);
var blockTween2:Tween = new Tween(this[block2], "_y", None.easeNone, this[block2]._y, this[block1]._y, .5, true);
}else{
var blockTween1:Tween = new Tween(this[block1], "_x", None.easeNone, this[block1]._x, this[block2]._x, .5, true);
var blockTween2:Tween = new Tween(this[block2], "_x", None.easeNone, this[block2]._x, this[block1]._x, .5, true);
}
}
/* ********************************************
* Update MC names
******************************************** */
function updateMcName():Void{
var s1:String;
var s2:String;
var block1:String = "Block" + String((_root.y1-1)*6 + _root.x1);
var block2:String = "Block" + String((_root.y2-1)*6 + _root.x2);
s1 = block1;
s2 = block2;
this[block1]._name = "bob";
this[block2]._name = block1;
this["bob"]._name = block2;
}
// working fine
/* ********************************************
* Update block array
******************************************** */
function updateBlockArray():Void{ // working fine
var s:Array = b.getBlock();
var t:String = s[_root.y1-1][_root.x1-1].__type;
s[_root.y1-1][_root.x1-1].__type = s[_root.y2-1][_root.x2-1].__type;
s[_root.y2-1][_root.x2-1].__type = t;
}
display(b.getBlock()); // working fine
sorry for the size, i trie to cut out as much as possible.
ive debugged the code a hundred times everything else dose its job, as far as i can tell the tween AS just isnt working.
Thanx in advance.
Shape To Text Shape Tween Not Responding
I wanted to know if anyone has encountered this problem or can see that I'm doing something wrong. It really doesn't look too complex and I've also done it before with no issue. I'm only running 2gb of ram, but I've done this plenty of times with no latency and for some reason recently it just won't work. I'm using CS3 Pro, AS 3
Set up:
Draw a square in frame one
create a blank keyframe on say, frame 30
write some text on frame 30
shape tween the square into the text
Results:
If I tween the square to a single character-no problem
If I tween the square to a sentence slow tween on preview and publishing
If I tween 3 paragraphs it will bomb out and go into...not responding and I have to shut down the program
Any thoughts?
Motion Tween Vs. AS Tween
I have a 775px x 600px movie clip that has images in it. On a button click, that large image motion tweens using the Advanced color options ( RED 255 BLUE 255 GREEN 255 ) to the normal photo. Its basically going from solid white to a picture.
As you can guess, its really bogging down the processor. Would an AS Tween be more processor friendly?
I have never done a tween with AS so if there is a tute available that would be helpful as well.
Thanks in advance.
Is It Possible? Motion Guide + Motion Tween + Actionscript Api Drawing
Hi
Im looking for some help I've done a lot of research and spent hours trying to find a way to do this so any input is appreciated.
I have drawn a shape in actionscript
_root.createEmptyMovieClip("myMoon",6);
with (myMoon){
beginFill(0x999999, 100);
drawCircle(50,120,30);
endFill();
}
new Tween(myMoon, "_x", Elastic.easeOut, 0, 300, 3, true);
Basically I have a tween on it that works fine but what I need to do is motion tween along a motion guide.
Of course I know how to achieve this through the normal way of drawing a circle through the tools box but I have to figure a way out to do this to the shape drawn in action script via the drawing api. How can I do this?
I presume I have to someway make this shape appear in my library as a symbol possibly? Hope someone has a soloution thanks a lot
From Drawing API Shape To Shape Tween
I would like to take the shape I created with drawing api and shape tween it into a square via a tween. How is this done?
I have searched, but cannot find a howto for this.
Thanks!
Shape Tween A Shape Into Text?
How do you do this. I want, for example. to make a simple square shape tween into the name, "Bryan". I fiddle with this, but it doesn't want to do it.
What needs to be done to get this to work.
Thanks
Bryan
Shape Tween
Why whenever I use shape tween does Flash automatically assume that I want EVERY single line to merge? Here's what I did:
Drew an odd shape (kinda like a rectangle, only one side is slanted), filled it in with a different color that the lines, and group it together. I grouped it so I could resize the whole thing together with the Free Transform tool. In my first frame of my tween the shape is very small. During the tween, it doesn't expand, it just shows the border lines doing all sorts of weird things inside the middle and then forming the shape. I tried both distributive and angular to no avail.
It's worked before, but it doesn't seem to be today. Is there any way to tell Flash that I just want it to look like its being EXPANDED and to not collapse on itself to reform the shape?
Shape Tween
When I use the shape tween function I notice that the corners of my objects twist around in an undesirable way. Does anyone know what causes this and how I can prevent it?
Shape Tween?
Hi
I created a shape tween and i wan't it during the tween to brighten - on frame 15. What script do i need for it?
Thnx
Shape Tween, When Should It Be Used?
Every time I use shape tween it ends up looking bad.
Could someone give a example where shape tween looks good?
or is it a useless feature?
Thanks
Shape Tween
1.) I brush stroke in frame one.
2.) I hit F7 in frame 10
3.) I make a different brush stroke
4.) I make a motion tween between 1 and 10
5.) Going into the properties area, I set the tween to shape tween.
A.) The shape tween is dashed
B.) There is no shape tweening
C.) It used to work in Flash 5.
Shape Tween
Hello all,
I've been out of flash for while (since version 5) and I seem to remember there was a way to shape tween an object to make it grow along the path that you define. I'm trying to make a tree "grow" from the base to the branches but flash just wants to skip from point A to B and garble it inbetween. Is there a way to mark the "growth" path or am I just old and crazy?
Thanks in advance!
Shape Tween?
Can you help?
I have drawn in Flash a pipe with a U shape type bend and i would like to fill the pipe with water starting at one end to the other.
Evertime I try to do this the shape tween goes outside the outline of the pipe. I ve had a play with masks but am getting a bit stuck!
Does anyone know of a good way to do this or a similar tutorial?
Cheers
Jemes
Shape Tween Help
For the life of me I can't get a simple square to shape tween into a distorted square. Have used shape hints to no avail...is there a secret I'm missing out on?
Thanks!
Shape Tween
Stumped here...anyone have any ideas.
I have a symbol on the stage, inside that symbol I made a layer.
Frame 1 stop ();
Frame 2-50 button normal state (shape tween to up state), stop (); on frame 50
Frame 51-100 button up state (shape tween to down state), stop (); on frame 100
Frame 101 to 150 button down (shape tween to normal state), stop (); on frame 150
I was going to use a "if" command in the AS and a "gotoAndPlay" command in the AS in frame 1. I know theres some flaws there but I cannot even get to the AS part of this. For some reason, no matter what I do, I cannot get the shape tween to work inside the symbol. Anyone have any ideas why this isnt working? I have shape tweens on the main stage in scene 1 and have no problem making them. Can I not create a shape tween inside a symbol?
As for the AS...is there an easier way to do this?
You can view the menu I am speaking about at http://fromthegrave.lunarpages.com/c...nic/start.html
Right now I just have a basic button symbol. When I tried this, the symbols were movie clips.
Thanks for the help in advance.
Shape Tween With AS
Hi guys, I have been searching for this on the messageboard, but I couldn't find what I am looking for.
motiontween with AS is no problem anymore, I get the basics. I can also make a fade in AS. But I am working on transisions which neet a shape tween.......and i have NO clue how that should work.
What I want is the reversed effect of water when you gently put it on a flat surface (you will see it spread in a very nice way, some parts go further then others).
I have this at the moment, but the "water" just flows away equally.
How can I do this?? any examples??
Shape Tween?
So I just started using Flash MX, I've had a lot of experience with Flash 4 and 5, but it's been a while since I've used it. MX seems great for the most part, but what happened to shape tweens?! Am I just missing them in there? All I can find are motion tweens and crazy effects. Transforms seem like an incredible over-complication of what used to be a really easy part of flash.
-grahamd
|
TRACKER
