Yet another extension of the 3D Bitmap skew v1 post, this time I animated the background brown gradient. My goal here is to make sure I can skew the bitmap from the left as well as from the right. The following animation actually proves that it works. Next I will be using beginGradientFill to create the gradient dynamically and skew the image on either side as the user interacts it via the slider.
posted by Paul Ortchanian in bitmapData (56) | Comments (4) |
Tom Lee said...
Been following this perspective series. It's looking great! One thing I noticed is that the edges of the bitmap actually have a curve to them. I'm not sure whether that's an artifact of the displacement map, or if that was intentional. A true perspective distortion would not have those curves, however.
paul+Ortchanian said...
hi Tom.
Glad you mentioned it. The curve is intended. I am actually maxing the skewY property in order to exaggerate the effect. In reality one would not use it to this extend and will comnibe it with an _xscale of the clip similar to the 3D skew v2 post.
Tom+Lee said...
Awesome! The curve is a cool effect. Do you happen to have any performance data on this approach vs a true 3D implementation such as Papervision? Seems like this would perform better, since it uses native functionality. Certainly the codebase would be lighter...
paul+Ortchanian said...
hi tom,
Actually I talked it over with Carlos Uolla (papervision) there is absolutely no performance loss using this technique (FPS remains the same), papervision might include this technique soon.