Re: [Flashcoders] How to achieve blob magnification effect?
Thanks guys for all of your help, sebastian, eric and zeh. This is really helpful, I'll get to work! Cheers Ali On 6 Aug 2008, at 22:55, Zeh Fernando wrote: Exactly. Just draw the graphics and use a displacement map filter to do it. Trying to do it all manually and with scale will be a huge pain and the distribution won't be the safe as a surface that changes in scale like the displacement map would do. The only trick is creating the grayscale displacement map correctly, which can be a bit daunting if you never done anything like it. Still, it's the only right thing to do for this effect. Zeh sebastian wrote: you could just use a bitmap distortion effect and draw the bars and numbers on the bitmap to make it easier on the code - though the quality of the numbers/bars may degrade as it distorts it. if you go for that solution, it would be very fast to code, just have the X position of the distortion gradient follow the mouses and voila, your done. Ali Drongo wrote: Hi there, I want to achieve the effect of seamless magnification a bit like the Mac OS dock but rather than having individual icons magnified I want to have a seamless magnification kind of like a blob as in this image: http://dl.getdropbox.com/u/65140/Picture1.png I think I could achieve this effect by using an onEnterFrame event and having an outline created by a moving circle with curves that are continually updated and the lines and numbers of the thermometer that scale according to mouse position but I'm not sure how to achieve the gradients on the glass. Is there an easier way of doing this? Thanks Ali ___ Flashcoders mailing list Flashcoders@chattyfig.figleaf.com http://chattyfig.figleaf.com/mailman/listinfo/flashcoders ___ Flashcoders mailing list Flashcoders@chattyfig.figleaf.com http://chattyfig.figleaf.com/mailman/listinfo/flashcoders ___ Flashcoders mailing list Flashcoders@chattyfig.figleaf.com http://chattyfig.figleaf.com/mailman/listinfo/flashcoders ___ Flashcoders mailing list Flashcoders@chattyfig.figleaf.com http://chattyfig.figleaf.com/mailman/listinfo/flashcoders
[Flashcoders] How to achieve blob magnification effect?
Hi there, I want to achieve the effect of seamless magnification a bit like the Mac OS dock but rather than having individual icons magnified I want to have a seamless magnification kind of like a blob as in this image: http://dl.getdropbox.com/u/65140/Picture1.png I think I could achieve this effect by using an onEnterFrame event and having an outline created by a moving circle with curves that are continually updated and the lines and numbers of the thermometer that scale according to mouse position but I'm not sure how to achieve the gradients on the glass. Is there an easier way of doing this? Thanks Ali ___ Flashcoders mailing list Flashcoders@chattyfig.figleaf.com http://chattyfig.figleaf.com/mailman/listinfo/flashcoders
Re: [Flashcoders] How to achieve blob magnification effect?
I believe you can just use a spherical displacement map. Here is a fun displacement map you can check out: http://labs.zeh.com.br/blog/?p=128 Regards, Eric On Wed, Aug 6, 2008 at 12:39 PM, Ali Drongo [EMAIL PROTECTED]wrote: Hi there, I want to achieve the effect of seamless magnification a bit like the Mac OS dock but rather than having individual icons magnified I want to have a seamless magnification kind of like a blob as in this image: http://dl.getdropbox.com/u/65140/Picture1.png I think I could achieve this effect by using an onEnterFrame event and having an outline created by a moving circle with curves that are continually updated and the lines and numbers of the thermometer that scale according to mouse position but I'm not sure how to achieve the gradients on the glass. Is there an easier way of doing this? Thanks Ali ___ Flashcoders mailing list Flashcoders@chattyfig.figleaf.com http://chattyfig.figleaf.com/mailman/listinfo/flashcoders ___ Flashcoders mailing list Flashcoders@chattyfig.figleaf.com http://chattyfig.figleaf.com/mailman/listinfo/flashcoders
Re: [Flashcoders] How to achieve blob magnification effect?
you could just use a bitmap distortion effect and draw the bars and numbers on the bitmap to make it easier on the code - though the quality of the numbers/bars may degrade as it distorts it. if you go for that solution, it would be very fast to code, just have the X position of the distortion gradient follow the mouses and voila, your done. Ali Drongo wrote: Hi there, I want to achieve the effect of seamless magnification a bit like the Mac OS dock but rather than having individual icons magnified I want to have a seamless magnification kind of like a blob as in this image: http://dl.getdropbox.com/u/65140/Picture1.png I think I could achieve this effect by using an onEnterFrame event and having an outline created by a moving circle with curves that are continually updated and the lines and numbers of the thermometer that scale according to mouse position but I'm not sure how to achieve the gradients on the glass. Is there an easier way of doing this? Thanks Ali ___ Flashcoders mailing list Flashcoders@chattyfig.figleaf.com http://chattyfig.figleaf.com/mailman/listinfo/flashcoders ___ Flashcoders mailing list Flashcoders@chattyfig.figleaf.com http://chattyfig.figleaf.com/mailman/listinfo/flashcoders
Re: [Flashcoders] How to achieve blob magnification effect?
Exactly. Just draw the graphics and use a displacement map filter to do it. Trying to do it all manually and with scale will be a huge pain and the distribution won't be the safe as a surface that changes in scale like the displacement map would do. The only trick is creating the grayscale displacement map correctly, which can be a bit daunting if you never done anything like it. Still, it's the only right thing to do for this effect. Zeh sebastian wrote: you could just use a bitmap distortion effect and draw the bars and numbers on the bitmap to make it easier on the code - though the quality of the numbers/bars may degrade as it distorts it. if you go for that solution, it would be very fast to code, just have the X position of the distortion gradient follow the mouses and voila, your done. Ali Drongo wrote: Hi there, I want to achieve the effect of seamless magnification a bit like the Mac OS dock but rather than having individual icons magnified I want to have a seamless magnification kind of like a blob as in this image: http://dl.getdropbox.com/u/65140/Picture1.png I think I could achieve this effect by using an onEnterFrame event and having an outline created by a moving circle with curves that are continually updated and the lines and numbers of the thermometer that scale according to mouse position but I'm not sure how to achieve the gradients on the glass. Is there an easier way of doing this? Thanks Ali ___ Flashcoders mailing list Flashcoders@chattyfig.figleaf.com http://chattyfig.figleaf.com/mailman/listinfo/flashcoders ___ Flashcoders mailing list Flashcoders@chattyfig.figleaf.com http://chattyfig.figleaf.com/mailman/listinfo/flashcoders ___ Flashcoders mailing list Flashcoders@chattyfig.figleaf.com http://chattyfig.figleaf.com/mailman/listinfo/flashcoders