Particle Transition
// June 5th, 2010 // Experiments, Generative art, Source code & tutorials
It’s been quite silent on this blog lately. The main reason is that I have a lot of work for clients (Some great stuff, maybe i’ll post some of that later). That’s good for me, but not for my site. To break the silence, a very small test I made. It’s not that special, but it looks pretty cool, I think…
It’s dynamic, but it needs some pre-rendering. so the sliders update in the next animation sequence.
In short, I create particles of every pixel. I pre-render the out animation of the in and out bitmap with the same Perlin Noise. Then I animate them over each other.
Check the source code for the details 
Source code: ParticleTrans_src
Edit: sometimes the example doesn’t work in the browser (blame twitter, and there ever changing crossdomain policy )
6 Responses to “Particle Transition”
Leave a Reply
Search
Spotlight
Cube Construct - iPad app
Cube construct is a 3D Pixel editor for the iPad» get it here » Bog post & source code
The Logic Lab
The Logic Lab is a node based application for simulating simple circuits of logic gates in the browser.» The Logic Lab
Twitter Friends Browser
A Twitter app smaller than 5k to browse thru your twitter friends» Have fun browsing!
The Doodle history
» Become a part of history!
Webcam Games
Neuro Productions made some cool webcam games» Puppy Slam» Bunny Zap
looking good
I think that the particles returning into the image could be a bit smoother if there was a little less blur. Have you considered linking the blursize to the position in the animation? that way you could maximize the blur in the most outer position of the particles, and minimize it when the animation completes, resulting in the particle set having a closer resemblance to the destination image.
No, I didn’t think about that. Thanks, ill try that.
But I think the main problem is that the last frame of the animation is also the frame where I create the particles for the next anime. I should wait till the next frame.
[...] my previous experiment I thought those shapes that where created looked kinda cool. But those where optimised for speed. [...]
I really want to work with your experiment but cannot get a flex version working from the source you provided. Can you provide a .fla file that uses the classes or create a flex version that includes all the classes used? Great Twitter work too…amazing stuff.
Hi,
Make a new ActionScript project and add the .swcs in the asset folder to your class path.
That should work
[...] locally this is based on neuroproduction’s particle transition and blows up the whole [...]