Picturebackground (Mosaic)

[Philippon]

Hello.

 

I'm knew at GreenSock and Flash, and don't really know what it is capable of.

 

I am currently working on my own Flash website, and have run into some problems.

 

The main idea is a fullscreen scaleable website, with a changing image background (with a mosaic look)

 

The idea background idea can be seen here: http://www.vaai.nl/

 

My problem is how to build the changing imagebackground - I don't know if it is possible with GreenSock, or what to use instead.

 

Philippon

[isaacalves]

I can think of a lot of ways of doing that..

 

One method is to use a slideshow class (or create yours) which uses a Timer to load and switch images, and greensock's tween could handle the transitions, for example. It could be used also to handle the smooth movement of the image, as in the example you mentioned. You could also try something with greensock's TweenMax properties delay, repeat, onComplete...

[Philippon]

I haven't used GreenSock before - is there anyway to se which function does what?

 

And can GreenSock also do the mosaic?

 

Sorry about the newbie questions, but can you maybe cut it out in pieces, and maybe tell me about some of the different ways.

 

Links is also great, then i hopefully can read me to a good result :b

 

Philippon

[GreenSock]

Yep, there are many ways to do this. There's a LiquidStage class from GreenSock that does the whole scaling/resizing stuff for you and you can use the associated LiquidArea class for the background (it works with LiquidStage). LiquidArea extends AutoFitArea which you can see demonstrated here: http://www.greensock.com/autofitarea/

 

You can see a demo of LiquidStage at http://www.greensock.com/liquidstage/

 

(it is a membership benefit of Club GreenSock, "Shockingly Green" and corporate levels - http://www.greensock.com/club/)

 

If you're just getting started with tweening, check out http://www.greensock.com/get-started-tweening/

[Philippon]

Great. Thanks. I'll try to look around, and then i'll probably write you back.

 

Philippon

[Philippon]

Okay, i understand it alot better now, but i still don't know exactly what to do.

 

I have made the website fullscreen and scaleable, my menu i believe is complete also. Now i need my background.

 

I believe i need an imagechanger, a 'mosaictheme?' and scrolling function?

 

http://www.vaai.nl/

 

btw. the mosaic thing; i believe it is an overlay with different opacities in every square?

 

Philippon

[GreenSock]

Was that a question?

 

I'd recommend using a BitmapData if you want the best performance. Have one BitmapData that has all the squares with varying gray values and then merge() or copyChannel() or draw() to get the effect you're after. Don't just draw hundreds of square Sprites with varying opacity levels because it won't perform nearly as well.

[Philippon]

Great thanks.

 

Do you have the Bitmap Data, or what?

Won't a Bitmap pixelate?

 

Sorry, the question; Do I need an imagechanger, a 'mosaictheme?' and a scrolling function??

And what do i need to make it?

 

Philippon

[GreenSock]

Sorry, that's beyond the scope of this forum (this is just for GreenSock-related questions like TweenLite, TweenMax, LoaderMax, etc.). Unfortunately I just don't have time to explain the whole process to you. Maybe try the more general ActionScript forums at kirupa.com or actionscript.org

[Philippon]

okay thank you.

 

I think i got most of it now.

 

Philippon