help with changing a shape in flash .

pretty new to xara but seems capabilitys are endless and easy to use , i am just learning flash and would like to change say a circle to a square by the time it goes across the screen is it called tweening and is it possible to acheive in xara flash.


thanks


Number 9:D

It is possible No.9 but not simple.
I think that you should master the basics in [tweening] first.

is there any tutorial on this.

torres number9

Tweening in Xtreme does not allow changing of the shape.

To do the animation as you mentioned you would need to create each individual frame. You would need to manually draw each intermediate shape that would represent the transformation. The time duration of each frame would need to be adjusted so the change would look smooth.

I do not recall anyone making a tutorial for this type of animation. It would probably become the size of "War and Peace" manuscript. ;)

You could have a circle of the same colour grow from inside the square as it moved across the page.

Great suggestion Steve.

It works very well.

A slower version with different colours to show how it works.
The .xar file is attached to my previous post for examination of the properties.

Yep, that's what I had in mind Bill. ;)

Is that thinking 'inside the square' ?? :D

you could use a blend to create the interpolated steps between circle and square ;)

I don't do flash - but without tweening the frames would be the same as such?

The left hand still image shows the start postion etc. The circle/square is made up of 5 shapes. The 4 segments are flipped inwards on the right side position so that the circle flaps are slowly removed from sight to reveal the square. This gives a smoother transition.

A single tween for each way (a total of 3 frames):

Hi Anas,

You attachment is flagged as; 'Invalid Attachment specified.'
Could you repost please?

The first one seems to display on my PC with no problem.
Try this new upload:

The left hand still image shows the start postion etc. The circle/square is made up of 5 shapes. The 4 segments are flipped inwards on the right side position so that the circle flaps are slowly removed from sight to reveal the square. This gives a smoother transition.

Yes that is a much smoother transition. Well done.

BTW: The file plays on your computer fine because you actually have the file on your PC. If you look at your post#10 you will see that there is no actual .swf attachment for that post, hence the error.
I'd say there likely was a transfer glitch when you first uploaded. Thanks for reposting :)

Quote:

---

Originally Posted by salaam

The 4 segments are flipped inwards on the right side position so that the circle flaps are slowly removed from sight to reveal the square. This gives a smoother transition.

---

Thanks salaam,
Well done indeed.
I can follow this all the way to this part then I just don't understand how you did it. So far nothing I have tried seems to work for me, so I know i am doing something wrong. Please help.

I would imagine that the four segments that are outside the square are motion tweened behind the square as the whole is tweened along the path giving the impression of transformation

I like that Anas :)

Thanks Larry,
Upload your .XAR and one of us will be able to see where you are going wrong.

Anas

I can get this far but then I don't know how you curved the sides in.
I have worked and worked on this since my last post but sorry I just don't get it.

Larry, my object was made up of '5 shapes':
1 square
4 segments

I did not use a circle as you have done. My 4 segments make up the outside of the circle while the square fills the inside.

Thanks salaam,
Just so you know, I did it! So here is my anim. Hope I did OK.

Good work Larry.
Here is a Transformer.
Don't laugh!

Cool!