preloader

[strangefish]

i am trying to get a preloader working, similar to figures/shapes being "filled", form empty to full. when the shape is empty percentage loaded=0%, when completely filled percentage loaded=100%. this is achieved with a shape tween animation and mask to show only the figure with the animation in the back..

i figured out this much but not quite sure how to "sync" the percentage of bytes loaded to the percentage filled in the shape.

could someone help or have some ideas?

:confused: Example "Shape Preloader" (http://www.strangefish.co.za/dev/shape-preloader.html)

[JHallam]

you can do it 2 main ways

My way I think is the easiest (to me it is)
he fla is too big to attatch, whats your email then I will mail you my FLA


Thanks

[strangefish]

my email is phil@strangefish.co.za, shot!

[JHallam]

Sent! :D have fun! :D

[Rasta Gonzales]

...I would be interested in your solution.
Would you plz post a short description?

Do you use the bytesloaded and bytestotal commands with

loadingbar._xscale=bytesloaded/bytestotal*100;

?

:rolleyes:

Please tell...

[JHallam]

well this isn't so hard after all, basically you could do it with simple masking effect and switching the xscale to yscale

Get a simple preloader which scales a bar then change this bar to your effect what you want to fill as it loads, then simply change the xscale commands in actions to the YScale parameters.

Then touch it up a little then in no time you would have it done and dusted.


I will post a Fla to Jesse so he can put it on his tutorial section soon.

Thanks

[Rasta Gonzales]

...I think I understand the way you do it - I do it just the same way.
I just dont understand what the masking is for if you use a simple scaleable loadingbar-thingie...?!

Whatever...:p

Cheers,

[JHallam]

Well first of all you have to use the masking effect for the scaling of the filling up the container, otherwise you'd just get a picture over a scaling increasment of a box.

you only want the characters or symbol to fill up, so the masking effect works well situated.

Hope you understand a little bit more, thats just the basics of a way you could create the effect.