Share Posted December 31, 2012 Can some one help me get started with Skewing an element without animating it I have tried using TweenLite.fromTo([skew], 1, {scaleX:0, scaleY:0.8}, {scakeX:0, scaleY:0.8}) But it disappears from the screen, I want to skew an element & fix it on the screen Refer attached image Thanks Dexter Link to comment Share on other sites More sharing options...
Share Posted December 31, 2012 Okay, a few things: You set the scaleX to 0 which means it'll literally have no width whatsoever - that's why it "disappeared". You misspelled scaleX as scakeX in the "to" vars. Are you trying to skew something in Flash or Javascript? You posted in the TransformManager forum which is technically ActionScript, but your question has nothing to do with TransformManager so I'm not sure if it was a mistake. In ActionScript, DisplayObjects don't have a skewX or skewY property but you can use the transformMatrix plugin to get that kind of functionality. See the interactive example in the plugin explorer at http://www.greensock.com/tweenlite/#plugins (click the "EXAMPLE" button next to transformMatrix) The jpg you attached doesn't show a skew effect - it shows a 3D rotation effect. Skewing will always keep the sides (or top and bottom) parallel. I suspect you probably want to just put a bunch of images in a Sprite and then change that container Sprite's rotationY property (no need to use TweenLite if you don't want to animate it). I hope that helps. Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now