GreenSock » LiquidStage http://www.greensock.com Engaging the internet Thu, 26 Jan 2012 06:30:40 +0000 en hourly 1 http://wordpress.org/?v=3.3.1 AutoFitArea – Stretch/Scale/Position DisplayObjects to Fit Within a Rectangular Area http://www.greensock.com/autofitarea/ http://www.greensock.com/autofitarea/#comments Tue, 16 Feb 2010 21:37:19 +0000 Jack http://www.greensock.com/?p=1090 AutoFitArea allows you to define a rectangular area and then attach() DisplayObjects so that they automatically fit into the area, repositioning and scaling/stretching in any of the following modes: STRETCH, PROPORTIONAL_INSIDE, PROPORTIONAL_OUTSIDE, PROPORTIONAL_CROPPED, NONE, WIDTH_ONLY, or HEIGHT_ONLY. Horizontally align the attached DisplayObjects left, center, or right. Vertically align them top, center, or bottom. Even apply a minimum/maximum width/height for each attached object. AutoFitArea extends the Shape class, so you can alter (and yes, tween) the width/height/scaleX/scaleY/x/y properties of the AutoFitArea and then all of the attached objects will automatically be affected. Attach as many DisplayObjects as you want.

]]> http://www.greensock.com/autofitarea/feed/ 24 LiquidStage – Automatically Reposition/Stretch DisplayObjects in Full-Browser SWFs http://www.greensock.com/liquidstage/ http://www.greensock.com/liquidstage/#comments Sun, 09 Nov 2008 01:30:43 +0000 jack http://blog.greensock.com/?p=377 LiquidStage allows you to "pin" DisplayObjects to reference points on the stage (or inside other DisplayObjects) so that when the stage is resized, they are repositioned and maintain their relative distance from the PinPoint. For example, you could make a logo Sprite stay in the bottom right corner when the stage is resized.

You can also scale or stretch DisplayObjects using the LiquidArea class which allows you to define a rectangular area that expands and contracts as the stage resizes, and you attach DisplayObjects so that they fill the area, scaling in any of the following modes: STRETCH, PROPORTIONAL_INSIDE, PROPORTIONAL_OUTSIDE, WIDTH_ONLY, or HEIGHT_ONLY. For example, you could have a bar snap to the bottom of the screen and stretch horizontally to fill the width of the stage. Or add a background image that proportionally scales to fill the entire stage.

]]> http://www.greensock.com/liquidstage/feed/ 17