HOME | DD
wonderwhy-ER — Flow 1.1
by-nc-nd
Published: 2009-11-28 18:05:13 +0000 UTC; Views: 28633; Favourites: 228; Downloads: 285
Redirect to original
Description
Original work and codeSo I stumbled on this some work at wonderfl.net some time ago and wanted to play with the code. Seems it is a ported to AS3 from Processing experiments. Works pretty fast but it does not behave as good as I would like...
Changes I made to the code
Here first version. Did not do much. Made it bigger, added my FPS counter, changed drawing methods, made some optimizations and made it show 20K of particles instead of 6kin original, made it repeating (left side connected to right, top to bottom, particles reappear on other side of the screen when they leave it). Also added "time to live" to particles so that when it expires they reappear in other random place. This way no space is left without particles for long (something I did not like in original version).
Planing to play with it more adding some effects, colors, objects you can drag to stage (particle emitters, walls, constant pressure or speed fields) etc etc. Will see how it goes
Controls
Just click and drag to create wind.
Double click to restart.
Update 1.1
Added colors and blur effect, become little bit more heavy on CPU. Fixed little bug with particles kind of teleporting when crossing screen border at high speed.
Related content
Comments: 122
I think I liked the original, uncolored version better, actually. I wonder what it would look like if you colored the fluid instead of the particles, like Plasma Pong...
👍: 0 ⏩: 1
Mmm I am thinking on making a DisplacementMapFilter based version for that. May be at weekends. Something closer to how my FireBending thing works... Only problem is that may be it will not be as good looking...
I kind of agree that version without blurry trails looks better. Later it will be for you to pick when I will add UI
👍: 0 ⏩: 0
You mean I can do better?
As for other improvements I do plan to add interface with different options like what cursor does, what effects are on, some numbers, may be some object placements.
👍: 0 ⏩: 0
Nice. How'd you do the motion blur?
👍: 0 ⏩: 1
Mmm. Not erasing particles from bitmap, just blurring them on each frame. It's not really motion blur but rather blur/fade thing.
👍: 0 ⏩: 1
By the way, do you know a good website with a lot of BitmapData tutorials that are helpful? I know the basics myself.
thanks = D
👍: 0 ⏩: 1
Mmm. Tutorials... Don't think so. But with sources of works I know one. wonderfl.net + beautifl.net first is one which hosts source code/swf/in browser compiler and seond one collect beautiful works from it. I found sources for this fluid math there
👍: 0 ⏩: 0
the whole. it is great anyway. ; )
👍: 0 ⏩: 1
That question confuses me
And yeah fun thing
👍: 0 ⏩: 1
Reminds me exactly of a small java experiment I saw somewhere a while back, almost exactly the same with some sort of alpha distance filter so the particles would light up more in groups like they were communicating
Impressive as usual.
👍: 0 ⏩: 1
Well considering ti has 20K particles such drawing effects would kill it
👍: 0 ⏩: 2
Well, I guess you lied! This update is bloody marvellous.
I'd love to take a peek at the code, is that a possibility?
👍: 0 ⏩: 1
I was speaking about blend modes and alpha channels effects. You mentioned it there. Such effects effect each separate particle drawing and make a huge impact on performance. Here I just used blur/color transform after drawing particles so it's performance does no not depend on particle count but screen size.
As for code. Well there is link to code I used as base for this thing. Not much changed since then. Little less math, some optimization changes, and using BitmapData instead of Graphics to draw and apply effects to. No other differences.
👍: 0 ⏩: 1
Yeah, I can imagine : P
👍: 0 ⏩: 1
What I really want to add to this are ragdolls... Think it would work?
👍: 0 ⏩: 1
Haha I always wanted to do the same. Like shaolin monks fighting and all the wind things around. would go well with your experiments too. And also elements manipulation games like say Avatar games would be cool
As for how possible is it I do not know yet... Need to experiment with it. Basically just need objects that effect grid back. I will probably try something like a ball with it
👍: 0 ⏩: 1
Please do. It would be great to see, and play with.
👍: 0 ⏩: 0
Wow. Plasma Pong in Flash?
I wonder what this would look like in 3D...
👍: 0 ⏩: 1
Plasma pong had a better model... I am not shore really what the difference but here pressure/speed field is kind of static, I mean that there are just speeds/pressure in a grid that adjust to their neighbors. In pong a better model was used where pressure and speeds kind of traveled based on speed or something 
Hard to control in 3D... You need some 3D input device. Mouse is not enough...
👍: 0 ⏩: 1
Hmm, but does the simplicity here make it faster? There are still a lot of cool things you can do with this - it *feels* realistic, even if it is missing certain behaviors.
As for 3D, I just think it would be really cool to be able to generate 3D smoke patterns and such, whether or not you can control it. Like this: [link]
👍: 0 ⏩: 1
Whatever this is doing to my brain, I like it
I wanna see this turn into a realistic water-stirring simulator or something
👍: 0 ⏩: 1
As for what it is doing with your brain
Well at least I feel good looking at it and trying to figure it out or something
👍: 0 ⏩: 0
Yeah 
👍: 0 ⏩: 1
If god had a son who was born with a talent for Adobe Flash; It'd be you
👍: 0 ⏩: 1
Well that is a confusing compliment... Tough I do not deserve much credit. Original authror of Processing thing is + this probably japanise guy who ported it to AS3 at wonderfl should have majority of it.
👍: 0 ⏩: 1
Amazing. I had no idea you could get this kind of performence from flash. Sweet!
👍: 0 ⏩: 1
I did not too
👍: 0 ⏩: 0
| Next =>