New Filter: DisplacementMapFilter

Daniel

It's not 100% finished yet, but I wanted to share the new filter with you! =)

Commit:
https://github.com/PrimaryFeather/Starling-Framework/commit/c08317ee64529c7155e314e012ffe040727515f1

How to create that water effect:
https://gist.github.com/PrimaryFeather/5983685

For those who play around with the filter, beware that the map texture must not be from an atlas right now; this will be fixed soon, though.

jazuk

I'm genuinely excited by this.. which is pretty sad. Many thanks.

ehudros

The demo link is the same as the how to create one... 🙂

jazuk

Got this from a different post.

http://bit.ly/15Am3At

Daniel

Aaah, sorry for posting the wrong link - I just corrected the post.

chocking_u

Really nice!
But any ideas how to achieve the ripple effect, e.g. http://www.emanueleferonato.com/2011/01/19/creation-of-realistic-flash-water-ripples-with-as3/ ?
Need convolution filter or kind of :/

Daniel

Hm, that's going to be more difficult. :-/

We'd need a convolution filter -- which is doable, the blur filter does that already; it would be limited to baseline mode, though. And we'd need a "texture.applyFilter" method, but I'm not 100% sure stage3D would allow that, there are some limitations in that respect. I'd had to try it out to be sure.

Short answer: not possible at the moment, sorry!

jonathanhart

Couldn't this be achieved with a basic FragmentFilter?

lokishen

Any news on this? convolution filter ?
Need starling ripple effect please !

Daniel

No news on a convolution filter, but you might be able to work out a different technique using just the displacement map filter. Here's a demo on what can be achieved with that: http://thonbo.com/starling/DisplacementTest.html

henke37

Neat stuff. Some of it could obviously be done with just a little math in the shader instead, but still neat.

Michael_Trenkler

That's true. I did most of them purely in AGAL as exercise, but that can lead to a lot of instructions. Especially the whirl, since there is no atan2 function in AGAL and almost 20 lines of AGAL instructions are needed to aproximate that.

I read that texture reads are very expensive but I think that they still might outperform pure AGAL solutions in most cases. I wonder if someone of you has some Numbers regarding this.

henke37

That's ridiculous. Stage3D needs proper math functions in shaders. What were they thinking if they didn't even add atan2 when they added sin and cos?

Michael_Trenkler

"Time for a cigarette break." I guess 😉

adi_2_17

I got some problem here. I tried using the water filter effect on some display object and it cause memory leak. But everything is fine when I remove the filter effect. Is there anything more to know about this filter effect?

henke37

It doesn't allocate anything of its own. It's just a normal filter based shader that has an argument texture in addition to the default render texture it draws from.

Jeff

@adi_2_17
Make sure you try with the latest Starling from github, or at least version 1.7.

Daniel fixed two memory leak issues related to using filters in the last week or so.

adi_2_17

@henke37 and @Jeff Thanks for your reply..
I'm using starling 1.7, so maybe there's something wrong.

water.removeFromParent(true);
water = null;

I think it's well disposed, am I right?

Daniel

Don't forget to dispose the "mapTexture"! Just like the Image class doesn't dispose its texture when you dispose it (because you might want to use it elsewhere), the DisplacementMapFilter does not dispose the map texture.

adi_2_17

Gotcha! Problem solved! Thankyou, Daniel! 😃