Search  
Search Options

FULLSCREEN STAGE ALIGN PATTERN AS3

HomeBrowse CategoriesFlashApplications and UtilitiesUtilitiesFullscreen Stage Align Pattern AS3
Full_screen_preview

Fullscreen Stage Align Pattern AS3

Programing language used: ActionScript 3.0 [AS3]

“Fullscreen Stage Align Pattern AS3 ” allows you to keep the movieclips aligned to where you want them to be aligned, with the confort and customizability of ActionScript 3.0.

All the ActionScript is fully commented.


Features:

Align on Resize:
Whenever someone resizes the browser with will automaticly smoothly move each movieclip to their specific place on stage.

Customizable margins:
Allows you to change the vertical and the horizontal margins, only by replacing the value of a simple varieble!

High customizable Tween motion:
Thanks to a tweening machine, Tweener, all the movieclips move smoothly, there are up to 41 tweening equations, this means that you will be able to change the way the movieclip move simply by changing the value of a single varieble.
In addition, you can also control the time that the movieclips take to be fully aligned, changing the value of a simple varieble.

Fullscreen pattern fill:
This feature fills the screen with a pattern whenever you resize the stage, so you always get a smooth and clean background without pixelation or distortion, you can use your favorite pattern or you can use the free included pattern i’ve created.

Embedded font:
Free Orgdot font, Teachers Pet Sans Serif, embedded in the file so even the user havent got this font installed he will be able to see it.


Enjoy :)

My portfolio

UPDATED Help File

Posted about 1 month ago

is there a way to speed up response time on the “resize move”? I like how when the browser is resized the elements move with it, but theres like a 2 second pause before the elements get moved. Is there anyway to have it resize immediately, moving with the user as they resize the browser?

Posted about 1 month ago

Yes you can, you can change the time that the content takes to align by changing “transitionTIME” variable, by setting this variable to 0 it will move as the user resizes.

This variable affects all aligning movieclip, but you’re able to change individually.

Posted about 1 month ago

Can you make a flash 8 version available?

Posted about 1 month ago

Sorry, it’s ActionScript 3.0, this only compiles in Flash CS3 .
But there are a wide range of similar files in ActionScript 2.0 in FlashDEN :)

hope you find what you need.

Posted about 1 month ago

Why I can work with it? I’m working in CS3 with actionscript 3.0 and still give many errors…

1172: Definition caurina.transitions could not be found… 1120: Access of undefined property Tweener. Tweener.addTween(centerMC, { x:stage.stageWidth / 2, y:stage.stageHeight / 2, time:transitionTIME, transition:transitionTYPE} );

And many more errors… Can anybaody knows why?

Posted about 1 month ago

As stated in UPDATED help file, you need to download Tweener AS3 , http://code.google.com/p/tweener, and put the “caurina” folder in the same folder as your project :)

Posted about 1 month ago

It’s me again… the other problem was resolved, tks… but I’ve another question, Is It possible to use whitout a background? How can I do it? I want to use another aplication on the background, can u help me?

Cheers

Posted about 1 month ago

You can just erase line 40 and 74, which are the ones that call the function fill_background, but if you only want the align you should just use the onStageResize function and the correspondent eventListener, line 104, you will have to erase “fill_background(event);” from the onStageResize function.

This way you dont have to load unnecessary files, such as the patern which you’ll not going to use.

Posted about 1 month ago

Hello Again I have a movieclip (MCmenu) inside “middleBottomMC” that contains a button (BTmenu), this button will rezise MCmenu… until now everthing is ok, but when I resize the explorer window the “middleBottomMC” does not align with the bottum anymore, can u help me one more time? tks

Posted about 1 month ago

I think the problem might be that your MCmenu doesnt have its register point in the center, or if it’s registered in the center, its not in x and y positions = 0.

Posted about 1 month ago

i ijust bought this and i cant find the classes you specify no where in your help file. you help file says:

//Thank you for downloading: Stage Align AS3 a file by Mott And please dont forget to rate.

Included are:

  • Flash CS3 file
  • Embedded free font from Orgdot
  • Pattern file made by Mott

Font(s) used:

  • Teachers Pet Sans Serif

How to modify the file:

1. Step 1: Open the stagealign_v1.fla file in Flash CS3.
2. Step 2: Copy both actions and content layers to the root of your project.
3. Step 3: Cut the movieclips you want to be aligned and paste them inside the aligning movieclip u want it to be align with
   Example: you have a movieclip called content_box and you want it to be aligned in the middle,
   to do so your have to move the content_box movieclip inside the centerMC which is the one that is aligned in the middle.
4. Step 4: After you moved every movieclip you wanted to be aligned delete the unused aligning movieclips.
5. Step 5: Then you have to rename your .swf file to index.swf and move the index.html in the .zip file to the
   same folder as the index.swf so when displayed in a web page it doesnt scale the content neither have margins
   also dont forget to keep the pattern.jpg file in the same folder as the index.swf and the index.html so the pattern gets displayed.

Aditional Notes:

  • If your want to change the easing equation used and the time that takes the content to be aligned, open the actions panel and change the value of the variebles transitionTYPE and transitionTIME to any other easing equation and time in seconds.
  • To change the pattern thats filled, just place your own pattern file with the specific name pattern.jpg in the same folder as the index.swf.

Good Luck using the file in your projects! //

no place to down load classes.

need the classes to work

Posted about 1 month ago

Sorry Mott. :(

Im a dunce! :) got th classes

Posted about 1 month ago

Hello, it me again.

I got the file to work and it works great. this will save me alot of time, but i have one question.

If I wanted to have certain clips default to that position and dont tween, like the left bottom, i want it to show up at the bottom of the screen without tween… how would i make that happen?

I really appreciate the file and apologize for my prior comments.

Thank you

Posted about 1 month ago

You just go to onStageResize function and search for the tween you want to change, for instance, Tweener.addTween(middleBottomMC,{x: blabla, y :blabla, transition: transitionTYPE, time: transitionTIME}, you change the “transitionTIME” to 0.

You have to do the same with the tweens above the function.

Posted about 1 month ago

I meant BELOW the function, not above.

Posted about 1 month ago

Hi Mott

Nice work!

Will this work as a projector file in fullsceen mode and expand to the screen resolution??

KD

Posted about 1 month ago

Im not sure what you mean with projector file, but this file calculates the stage height and width to align, because the html file sets the height and width to 100% without scaling, it always gets its values to the screen being displayed.

Posted about 1 month ago

Hello Mott, This worked great. Thanks! However, I am having an issue now. I have one stage element that I need to stay in the upper right corner. Its worked fine until I re-appropriated it for my site which is 900×768 and has a noscale and align middle setting. However, I have a larger background image and top nav border set at 1360 wide so that the window is always filled. My Flash html publish settings are:

Dimensions: 100% Window Mode: Window HTML ALignment: Default Scale: No Scale Flash Alignement Hor: Center Flash Alignement Vert: Top

I can’t use the Left Top setting on my html page because the entire site needs to constantly center horizontally. I am pretty sure this is what is causing the issue. When I change the ‘t’ setting in the html file to ‘lt”, the top left MC work’s fine, but the page elements no loner center. Your advice would be greatly appreciated.

I posted both working files here for ref: http://artderailed.com/client/vocal_visual/vocal_visual_a.html (centering swf, but not moving mc to correct position)

http://artderailed.com/client/vocal_visual/vocal_visual_b.html (non-centering swf, but functioning mc)

Again, all that is different are the ‘t’ and ‘lt’ settings in the html file Thanks!

Posted about 1 month ago

Hmm, i see your point, I think i have the solution..

Instead of centering your website with HTML , center it with this file, just add all content into a MovieClip and copy centerMC tween and change the name to the MovieClip you added content.
If the website has already many paths it could be a pain change all the paths, you could just add a tween to every thing you want be centered.

Posted about 1 month ago

is it possible to have the middle clip scale instead? i have a movie that i am importing in the middle clip and i want it to scale instead of not scale… could you help me with this?

Posted about 1 month ago

This version doesn’t support that, maybe in v2, sorry.

Posted about 1 month ago

What code would need to be in place to make the browser go FULLSCREEN ??

Posted about 1 month ago

This version doesn’t support that, maybe in v2, sorry.

Posted about 1 month ago

Very good job Mott,

Posted 12 days ago

Thanks.

Posted 12 days ago

Hi Mott,

i have just purchased the file and when I tried to use it, exporting the file from flash, appears several errors and doesn’t work.

Can you help me with this problem?? I just opened the file and exported it. I think that don’t find the import caurina.transitions.*;, and also says, in each code line:1120 Acces of undefined property tweener.

Hope you can help me. Thanks in advance Xavi

Posted 2 days ago

Hi Mott, I fixed the problem by downloading the caurina transitions, but have new problems.

1- When I remove the unused aling movieclips, the fiel doesn’t works, and appear several problems like before. I only need the centered clip!!.

2- Now when I load the file, the contents appear from upper left side to the center. How can I do to move the center movieclip from the center bottom to the center middle, instead from the upper left corner?? or for example move it to an specific point on the stage?

Thanks. Xavi

Posted 2 days ago

Hey, here’s the solution:

1- As stated in the UPDATED Help file, when you remove a specific movieclip you have to remove the according Tween, for futher information about this read the UPDATED Help file.

2- I see your point, its a very interesting question, to which i dont have the answer, i’ve tested some things, but the anchor point seems to be always Top Left.

You can change the initial Tween time to 0, so when you firstly open the website it is already centered.
You can do this by changing the “time” variable in the Tweens under the function onStageResize, NOT INSIDE , because the ones that are inside the function are the ones that tween when you resize.

Posted 1 day ago