AS3 Wavemap

I’ve implemented this great tutorial The Water Effect Explained now in AS3. Maybe, its a little small, but it only looks good, when you get at least 50 fps (best 80-90).
I have done this in AS2 before with blendModes and the ConvolutionFilter, trying to emulate the very simple algorithm for performance, but the results are not as the original. So I know, that AS3 is much faster than AS2…, but its too slow in such cases. One solution is to blow the output twice, but you really need a high fps, which is mostly not possible to get in browsers which other things moving around.

Anyway, I have modified the tutorial to compute with Integers (int), which are much faster than floats(Number). The result is rendered in gray to the output. If anyone found possebilities to increase the performance, tell me.

AS3 wavemap (Flash8.5 Player needed) – one step before water simulation (displacement)

Compile this with -default-size 80 80 -default-frame-rate 80

7 thoughts on “AS3 Wavemap”

  1. this looks awesome, but firstly I think you AS2 demo was great and had perfect speed. The problem with this AS3 demo is that it’s small and grey, the effect looks cool, but it’s hard to tell how ‘water-like’ it is. Maybe a slightly larger more blue example like the AS2 version?

  2. Hi,

    I’m a french student in final year, and I’d really like to reuse your water effect for my final year project. It would really give an astounding visual appeal. I can tell you about the project later if you’re interested, but I really need the source code. Please contact me via email. Thanks in advance

  3. I just was working around with Pixelbender for some time trying to get some Acceleration out of it. By now it’s some kind of creepy quick ‘n dirty solution – but working… I’ll try getting some optimations for it…
    If you’d like to have a look at it, just give me a Beep.

Comments are closed.