One of the limiting factors for how much code I release has always been the need to clean up and refactor the code before I make it public. After thinking about it a bit, I decided in the interest of sharing more with the community I would start releasing some of my simpler “proof of concept” type experiments without polishing them first, starting with this one.
A little over a year ago, I put together a simple OSX-esque squeeze effect to transition in dialogs in one of our projects. It never saw the light of day, but I stumbled on the proof of concept yesterday and thought I should share it. It uses DisplacementMapFilter and a simple tween.
Here’s what it looks like:
You can download the source file for Flash 8 here (1MB).
/**
* Disclaimer: This code is a sketch, and has not been polished for public release.
* If you’re using it in a commercial project, you might want to clean it up first.
* If you do so, everyone would appreciate it if you post the result and provide
* a link to it in the comments (or email it to me and I will post with credit to you).
**/
Sounds great! The link (http://www.gskinner.com/blog/assets/SqueezeEffect.zip) gave a 404, though.
Well… The demo SWF seems to be broken (at least the URL, and the embedding snippet has some strange
s in it)…
I think it’s here: http://www.gskinner.com/blog/assets/squeezeEffect.swf
Thanks for the FLA, though.
Whoops… URLs fixed… darn case sensitivity.
Outch! Sorry!
The SWF is back already! And my “br” tag has been interpreted…
Cloud Gate, Millennium Park, Chicago, USA…
Do I win a prize?
Neat stuff Grant! But you simply MUST upgrade your tools to CS3 ; }
Miles beat me to it.
Cool stuff Grant! I converted this to AS3 if anyone wants it. http://www.scottgmorgan.com/blog/index.php/2007/11/15/grant-skinners-osx-squeeze-effect-in-as3/
Very cool stuff. Also thnx to u Scott for the AS3 version
Thank you for releasing these examples, even in rough form — a lot of us are entirely capable of doing our own tidying, refactoring, and so forth, now that you’ve done all the heavy lifting. Your experiments have always been inspirational — as you release more code, they can also be more educational!
That a nice and simple way of doing the effect. I made a more complex solution with some math. It uses an physics engine to set controllpoints for a bezier surface to create the displacementmapfilter. The priciple with beziersurfaces can be used to comtroll more complex displacementmaps in a simple way.
http://labs.superkrut.se/?p=13