Posts Tagged Animation

2 new tutorials and SEO

I have been busy this weekend, I have made two new tutorials about how to time your animations, one in ActionScript 2, one in ActionScript 3. I hope this help.

If you noticed there is the word SEO (search engine optimization) in the title of the blog but I didn’t have the time to write about it yet. In the meanwhile I can direct you to the website the-flash-files made by Nurun , a web agency in Montreal (actually a competitor of the company I work for).

, , , ,

1 Comment


Tweener and stuff

Today I found another tweening engine called Tweener. For those who know it, it is the successor of MC Tween. It looks great, it permits you to do tweens on a lot of properties and there is a delay argument, so your code will look cleaner (without all the setTimeout). The down side is still the weight, well it’s way less than the Fuse kit but still; 9.2kb for ActionScript 2 or 10.4 kb for ActionScript 3. This include all of the Robert Penner’s original easing equations and there is a nice page showing the difference between each of them. I think I will try this code some time soon and I’ll give you feedback about it.

This weekend, I’ll try to work on the wordpress template because I think it looks too common and it’s way too narrow, ActionScript code doesn’t look like I would like it to. Maybe I’ll have time to update the ActionScript 3 Tween tutorial too.

, , ,

No Comments


Using the Fuse kit for animation versus using the Tween Classes

Most of what I will write about is interesting stuff I found while searching for something. When searching for the tween classes in Flash CS3 I stumble two times on people speaking about the fuse kit for animation. I have as a motto to check out things that I hear about twice, so that the next time it comes up, I know what people are talking about. In this case this could even be helpful for my job, so I go and check it out.

The fuse kit are some ActionScript2 classes that simplify that syntax of doing animation using ActionScript. It has 3 parts; one is the Zigo Engine which handles the tweening. It can be used as a standalone. The second part is Fuse itself, which are sequencing classes that helps you organize your tween in time. The last part is FMP which permits you to use filters with Fuse.

This all looks pretty good, with it you can do tweens in sequence as well as in parallel. I say to myself, that is fantastic, I will be able to get rid of the setTimeout in my code and my ActionScript will be simpler to understand.

There is only one catch; The Zigo engine in itself adds to your SWF 34k, Fuse: 2k and FMP: 1k for a grand total of 37k. So it rules out the possibility to use it in banners and such. When I make a flash movie, I want it to be as small as possible so the idea of starting my SWFs at 37k doesn’t make me happy. Also you can’t use the Fuse kit to do roll overs; I do all my rollovers in actionscript so I would have to import the tween classes from Adobe too to add another 2k. For me it just doesn’t cut it; if my website as more than one SWF it’s 39k I have to add each time.

So in the end, the Fuse kit looked pretty good, but its advantages don’t match up with its disadvantages…

, , ,

No Comments


ActionScript 3 Tween Classes

I was reading the book ActionScript 3 cookbook from O’Reilly (very good book by the way) and I wanted to get my hands dirty. I have never coded in ActionScript 3 before and where i work we still use Flash 8 because it’s what most people have. So there I was wanting to do basic stuff, regular animation using the tween classes from Flash, but at first I couldn’t find them. Searched a bit and found all sort of post saying they didn’t exist anymore, or that you had to use classes from Flex in order to use them. I finally found them after some time. So let me spare you that effort. Here are the tweening classes from flash CS3.

1
2
import fl.transitions.Tween;
import fl.transitions.easing.*;

and they still work the same way using this syntax:

1
var myTween:Tween = new Tween(myObject, "x", Elastic.easeOut, 0, 300, 3, true);

The only difference is with the “x” where it used to be “_x” because ActionScript 3 dropped the underscore before key properties.

, ,

1 Comment