Last weekends I saw fantastic fluids animations on vimeo by Mehmet Akten! He wrote his own fluid solver library for C++ and Processing. Sure I decided to adopt it to flash.
Of course Flash is not so fast as Processing and C++ but I gave it a try and after some painless optimizations I got working Fluid Solver class in pure AS3 without any pixel bender or alchemy. I know you would say that if we use alchemy it would run smoother and faster but it is always pain to rebuild/change smth in such versions…
You can launch preview application by clicking image above.
Note the performance iterating 10K particles combined with Fluid Solver!
(please note: you will need Flash 10 to view it)
I’ve posted sources to my google repo
Also I’ve screencasted some clips during developing process:
Fluid Solver and Particle lines mix
Sound Driven RGB FluidSolver + Particles
Flash AS3 Fluid Solver test application



simply wow!
Good job
Wow, awesome! Please post the code when you can!
Thanks,
Marcus
very impressive!
Thanks to all for the responce!
I’ll prepare the sources asap and post it.
cheers.
wow, very cool! and very responsive!
wow. impressive and very visual! Really like the ‘bling’
This is amazing. I’m really looking forward to seeing the source to take a stab at implementing it in a multi-touch environment.
Great work! I agree with cyan, with source we can get this up and running with multitouch in no time.
are you a cylon?
@ookla what you mean?
Beautiful, stunning work. Playing with the source for this will be amazing. Thanks.
Awesome work, the performance is incredible! Out of curiosity, what grid size are you using for this solver?
Thanks, David!
for particular test application I used grid of 50 pixels width.
btw, I’ve just posted sources to my google repo!
Thanks for this !
Great work man! And I’ll add my voice to the collective “THANKS” for posting the source.
Hey Eugene, just ported this to multitouch so people on nuigroup can use it. Hopefully someone can post a video soon showing the touch interaction.
http://nuigroup.com/forums/viewthread/5587/
Wow. Nice work. Look forward to using this.
Nice job. This stuff amazes me. I haven’t touched this part of AS3 yet but this makes me want to. Good Job. Cant wait for the code to see if I can understand it.
@Seth that’s cool, man! I have seen your post there. looking forward to see some videos
Hats off. Great job. We are researching cool flux effects for clubgalactik.com and this looks like a very strong candidate. looking forward to the source.
@Flashclub thanx, man! I have already posted sources!
go and play!
Very Impressive! Looking forward to seeing the code.
Absolutely wonderfull ! It’s the first time i see a so beautifull fluid motion only in flash !
Really cool stuff! Thanks for sharing the code also
That’s some absolutely fantastic work. Excellent!
Oh this is a shit-hot thing dude, really awesome. I’m flash dev too, feel free to add my contact to your msn contact-list, marcelo@marceloduende.com.br
b-bye
THIS IS FUCKING COOL EUGENE!!!
Simply insane. Congratulations.
This is one of the most exciting things I’ve seen in flash over the last couple of years. Seriously! Fell in love as soon as my friend showed me this yesterday. I made a quick sound visualizer using your example. Can check it out here… http://www.collisionmethod.com/#scrapbook/fluid.swf
This is realy cool!
Finally!! flash is actually useful for something other than slowing your browser down
I have a post up with a video comparing MSAFluid with FluidSolver on my multitouch table. Check it out here: http://www.cyancdesign.com/2009/05/flash-vs-processing-fluid-solver/
Didn’t know you were on Vimeo. I see you’ve been added.
Again, amazing work Eugene.
@cyancdesign Its ok!
Thanx for providing a link to video!
Haha, you beat me to it Eugene! I’ve been having fun with this in Proce55ing but its great to have it on the Flash platform. As ever, incredible work. Keep on raising the bar for the rest of us
@Justin thanx for writing
I thought it would be cool to have such class in flash!
Have a good time!
Eugene,
Wow, amazing! The performance is astonishingly fast! Great work! Thanks!
Matt
That is easily the best thing I’ve seen all year. Or ever. Amazing!
Hello Eugene, I like a lot your effect, its really impressive. I downloaded the source files, but I cant put them in flash, we would like to use your effect for a new art website we are creating, if you can help us with that I apreciate it a lot. Hope you can help us.
Cheers
Juan
This is too awesome. Years ago one of Autodesk’s (then Alias’) principal scientist’s, Jos Stam wrote something to this effect on his blackberry to pass the time during an airplane flight. That mini app snowballed into what later became the Fluid Effects in Maya, which, ultimately won him and his team an Academy Award.
Anywhoooo…. Thank for generously sharing this with us, Eugene. Keep up the awesome stuff.
oh my god .it’s amazing….soooooooo cool. .man
Eugene you are amazine flash Developer ,i think dont have people do this like that in China!
Hi, congratulations for your job. Really impressing.
Is it possible to change background color to white, so that can use it as mouse trailer in website integration?
Made some tests with it, but can’t find no way to make it. Allways have some black layer over my background color.
Thanks
@uva Sure You can change background color but in this very example there is no transparency available. So the only one way is to rewrite fading function so it will fade not in black but in some over color.
Eugene, Thanks for your fast reply.
I think I was able to make it by changing project background color and adding:
fluidImage.blendMode = BlendMode.DIFFERENCE;
at line 124
Anyway fading seems strange.
About the 3 color squares at left top of application how can I remove them ? Seems like some function to record. Can’t find it in your code, and in you online example they don’t show … Strange…
Thanks one more time, for your help
@uva Thats strange I haven’t seen any color rectangles. may be you can fix at render function that renders fluids to bitmapData
Eugene, seems like it was related with TUIO
Just removed :
TUIO.init(this, ‘localhost’, 3000, ”, true);
And the squares just disappear
thanks one more time
Just a final question…
I’m trying to make the window elastic. Auto resize to fill all browser window.
I’ve tryed to make it with :
public var sw:Number = stage.stageWidth;
public var sh:Number = stage.stageHeight;
But it wont seems to work. Does anyone have it working ?
Even if I make :
stage.scaleMode = StageScaleMode.EXACT_FIT;
The fluid box stays the same size.
Thanks
possibly the best as3 work I’ve seen to date. Fantastic. its like a fireworks dream. excellent effort !
Excellent work. i´m quite new to all this things, trying to build my first multi-touch FTIR setup and wanted to try this efect there. Can anyone explain me how to download this aplication? thank you
This is indeed great…I’m hoping to remove the colored rectangles too, which file do I need to edit? Also, is it possible to remove the on screen display? I’ve got co-ordinates and controls displayed when I launch the app in Flashplayer…can I get rid of these? (ie. just the fluids)
Awesome work, thanks
-Sim-
Just see this…and adopt it to my interactive wall!! Verrrryyyy Awesome!!
Thanks for sharing Eugene!