I've been prepping for my Macromedia MAX talk, building demos and polishing slides. One of the demos needed a magnifying glass, and rather than just build out a boring square one I decided to go all out with the new expressiveness features and build a nice visual one incorporating a photographed frame, realistic lens shading, lens distortion (with DisplacementMapFilter), alpha masking, and a drop shadow.
I'm still thrilled by how easy it is to do these kinds of advanced effects in Flash 8 (<40 lines of code). This is a quick hack together, but I think I'll polish, componentize, and release the magnifying glass after the Flash 8 release.
The latest version of the Flash 8 player is required.
If you're interested in seeing the details of how it was built, I'll be tearing it all apart at my upcoming Toronto workshop.
I've posted a slightly better demo here.
Comments (5)
Very cool Grant. Only comment that I'd make is that the distortion isn't quite realistic - unless you've got a pretty poorly made magnifying class, there isn't too much noticeable distortion. And if there is, it's pincushion or barrel distortion, which is pretty difficult to mimic with the Flash 8 displacement filter.
Still, pretty sweet. :)
Posted by: Jon Bradley at September 12, 2005 06:21 AMURL:
You can do some pretty good stuff with the DisplacementMapFilter. I wrote a quick viewer for panoramic VRs. Check out http://www.bitwerks.ca/flashvr/index.html
Posted by: Mike at October 7, 2005 04:09 PMURL: http://www.bitwerks.ca/flashvr/index.html
Very interesting article! Wonderful baterfly!
Posted by: Bobby at March 13, 2007 12:36 AMURL: http://spunglass.freewebspace.net.au/spunglass-figurine/index.html
i want test Flash Magnifying Glass
Posted by: full at September 24, 2007 06:11 AMbat i ned *.fla fiel
URL:
Hi: First of all - congratullations, it looks very cool.
Maybe you will be willing to answer:
Is there a way to have animated and ACTIVE buttons only inside the glass?
Posted by: Peter Brzezina at December 2, 2007 08:45 PMI've been trying to build a map with points of interest, but the map is to small to show them all, s I thought of a magnifying glass, with small image without the points (buttons) and WITH them on the larger image. The problem is that the magnifying glass is a mask... SO, you can see, but buttons? They have to work, be animated and be linked. One solution is two separate windows: small, with let's say a rectangle, and the magnified section next to it. The buttons ofcourse work. But that requires 3 windows: small, magnified and the one to display info. Maybe you know?
URL: