Particle power!

Ever since Ralph Hauwert first announced his part of the LetItBloom site, I kinda wondered how he did it.

V1

A few weeks ago, in Amsterdam, Ralph explained a bit about it during his session. And then finally yesterday (actually the day before…), I bit the bullet and spent the evening making it happen. Only 4 hours later I had a first version that got pretty close to it.

Check this very first edition on the following URLs. The text is generated using AS3, so you can just make it show any text you want. Just change the URL params

• Particle fun V1 (with blur)
• Particle fun V1 (without blur)

The particles move to a perlin-map (red & green) with text in front of it. The color of each pixel is used to determine whether the particles has to move up,down,left or right and how far. Not how fast… That left all particles moving almost equally fast… Which is kind of a minor downside to me… Seeing how it almost was 6AM, I felt it were a good idea to catch some sleep… Read the rest of this entry »

Updated version of Playr

It took a while… A long while… Like… A year.
But I finally updated Playr and made actual plans for V3. Thanks again for all of your great support and feedback during the past year! It really means a lot to me!

It was really great to see how Playr popped up on different blogs; Sometimes mentioned as part of a project/experiment, sometimes mentioned in lists of handy AS3 classes. That really made me happy and it inspired me to add even more features, and make it even more useful. But those are to yet to be built

For now I just fixed a few bugs and I added a pretty important feature which wasn’t there yet: the debug property. Set debug to true and Playr will trace any errors that occur without breaking your app, without you having to listen to these errorEvents.

I also changed the shuffle internals (I still wonder what I was thinking when I wrote a ‘setShuffle’ instead of simple getters/setters…) and as far as I know: Nothing seems broken after updating old projects using Playr to the new Playr version (but I’ve been wrong before…).

And the last thing I want to mention: I changed the way Playr handles stream errors. The old version would just skip the track, and try again later. However I think the new implementation is better: The ‘broken’ track just gets removed from the playlist before proceeding to the next track.

So there you go: It’s online, it’s free, it’s open-source, it’s for you to use and save time!
(And it’s created by me, so you’ll probably find bugs sooner or later: Do tell me about them and I’ll look into fixing them )

Happy playing!

Playr Site: Playr.noCreativity.com
Download Playr: Click
Playr Documentation: Playr.noCreativity.com/docs

Dooodls for everyone!

A few days ago I presented the Dooodle application I built. You guys created some cool doodles and I totally love it!

But it’s still an independent application hacked into WordPress using basic widget.  That means I can’t just share the code so you can use it too on your website (since you’ll have to set up a database, fill in config files, etc… Boring stuff). So yesterday I decided to compact this into a handy WordPress plugin.
And this is what I did: I give you Dooodl!

[UPDATE] Mark asked me to share the source of the Dooodl Creator App, so I did Feel free to send me links to your own creator. I might add different creators to the plugin, and let you choose in the WP-admin which one you’d like your visitors to use

Read the rest of this entry »

Bezier animation fun revisited

A few months ago I experimented with Bezier Animation and allthough I uploaded my SWF files and shared them, I never really shared the source. This is what I wanted to do a few days ago when I thought “Oh, what the hell… Let’s clean that code up before uploading it…”.

So I started moving some code around and after a few minutes, I found myself rewriting the whole thing… That’s not a bad thing since now we’ve got one handy class that can do about just everything a Bezier Animator should be able to do.
Demo time!

There’s still a little bug somewhere which allows the target to ‘run away’ from the bezier, and I haven’t gotten quite to the root of the problem, but I really felt I had to share this. Also there are some imperfections when you disable the orientToPath and scaleByPath properties. I will look into fixing those asap.

I really love the idea of animation movieclips using bezier curves. It looks so natural and yet zo intriguing… I will do some experiments and upload them later on, showing the coolness behind this simple animation engine.

Sources
Download the above demo source (Flash Builder 4 project): [download id="2" format="1"]
Download the BezierAnimatioin class: [download id="3" format="1"]

Webcam motion detection coolness

A few weeks ago I had to create an innovative way to scroll in a page. I have seen tons of scrollbars in Flash and I found it hard to create something completely new. At one point I wondered if I could wire the scrollbar to a webcam using Actionscript… So I started experimenting around…

When I first started I quickly ran into a problem: How the hell do I know if anything is moving? So I actually got stuck right in the beginning.
I went on a Google trip which led me to Koen‘s post about motion detection. Koen was checking all the pixels (using nested loops) to calculate color values. I figured this generated way too much overhead. There had to be a better/simpeler way.

In his post Koen mentioned an article, written by Guy Watson, concerning an other way to get motion detection going. To make things simple: Guy just takes 2 pictures – one of the previous frame, one of the current – puts them on top of eachother, and applies the difference blend mode to the upper one: Tadaaa! There we go! The ‘unchanged’ pixels are blacked out. The remaining pixels are the difference in the picture… which reflects movement. Read the rest of this entry »

WordPress Theme SuperMini reloaded

A long time ago Smashing Magazine listed 100 of the best WordPress themes. That list totally kicked ass to be honest. At one point I decided to restyle my poetry site. I took a look at their list and when I found the SuperMini theme, my choice was immediately made.

After I downloaded the theme I realized a lot of features were missing: No searchbox, no searchresults page, no archives, no global archives, no blogroll support, no pages support, no 404 pages and a few design flaws…

I actually went on, and built those things myself. Later on I wanted to contact the orginal author (Patrick Behrend) of the theme to send him my updates but by the time I got to send my mail, his site was down and he completely dissappeared from the web. I never received an aswer regarding the theme updates I sent him.

UPDATE: Patrick commented in on this post and I got in touch with him. Patrick seemed pleased I kept the theme alive. I updated the URL in the footer which now links to Patrick’s (new) site. Make sure you go check it out and leave him a comment

By now the original download isn’t even online anymore, and Smashing Magazine disabled the link to the SuperMini theme (as it is a 404). So I recently decided to finish the theme, and translate it back to English and re-publish it. I thought the initial theme was awesome, and I figured it would be cool if other people would be able to actually use the completed theme. Read the rest of this entry »

Playr 2.0 is here!

It almost took me an eternity, but at last it’s there: Playr 2.0 is ready.
Playr is a Flash Actionscript 3 class built to take the heavy lifting off your hands when building any kind of music player appliction in Flash, Flex or AIR. I put a lot of work and time in this project, and I think the result is amazing: Playr is hands down the easiest way to do so!

I’m very happy to finally release this. A lot of people helped me test it and gave me feedback.
That helped me a lot, and changed a lot of features. Special thanks to all of you!

I’ve put up a dedicated site for Playr where all of the information, code examples, downloads are gathered.
Head over there to read more about it!

More info:
Playr site: Click
Download Playr 2.0: Click
Playr 2.0 documentation: Click

Playr 2.0 is coming!

I just wanted to update you guys on how the update for the next version of Playr is progressing.

In the past week, I’ve been pretty busy adding the finishing  touches to the features and fixing the last few bugs that popped up. Most of the last-minute changes are a result of using the class in one of my own projects.

It’s then when I realized I’m missing some key features like adding the music directory, and some properties of the PlayrEvents. I also added some ear candy like fadeIn() and fadeOut() methods.

On a more functional note: I’ve abstracted the playlist to an independent class. So now you’re provided with lots and lots of ways to customize and manage your playlists.

The shuffle mode is now smart. In English that means the playlist remembers what songs have played and which ones haven’t.

Finally I’m happy to tell you guys won’t ever have to write an XML playlist file yourself. I’ve got a PHP4 and PHP5 version of PlayrDiscovr which reads a directory and returns the corresponding XML listing the tracks and their properties.
On top of that, I’ve got some help from other people (I still need to contact you guys) who are willing to help me out with building PlayrDiscover in ASP, Ruby and Python.

Even though I’m listing all of the new features, the Playr class is still the easiest way of implementing any kind of sound-feature in any Flash/Flex/AIR application. But the simplicity shouldn’t be a limitation, which it isn’t: you’re still able to build full-feature media-playing applications.

One of the little challenges I still have to tackle is the Tween problem. I’ve implemented fadeIn() and fadeOut() methods. Those methods actually tween the volume property of the Playr instance. The problem with that is when using the Playr class in a Flex project, you get a cool error message telling you it can’t import fl.transitions (which is the class package for the Tween class and the easing package).
I still haven’t figured out how to work around this problem. If any of you have any suggestion on this problem, feel free to tell me about it.

I plan on releasing Playr 2.0 in the coming week (or 2) depending on PlayrDiscovr impementations, final changes, demo’s and site development (yes, I’m building a dedicated site for Playr ) Feel free to suggest other implementations you’d like

AJAXed websites done right

Mijn beste maat, Nick, heeft zonet een van zijn coolste Javascript projecten online gepost. Het gaat om zijn Javascript class die het toelaat om een standaard (werkende) HTML site on-the-fly om te bouwen naar een full-option AJAX site.

Het idee was ooit ontstaan bij gesprekken over Flash-sites, AJAX-sites, Google-vriendelijke sites, en de snelst mogelijke en goedkoopste oplossing om deze RIA-oplossingen zo dicht mogelijk bij elkaar te brengen. Nick had de smaak te pakken en is er enkele maanden geleden in zijn vrije tijd aan begonnen. Gelukkig is hij koppig genoeg, zodat hij een paar weken geleden met een brede smile op zijn gezicht liet zijn hoe het ermee stond… Ik keek ernaar… Ik was onder de indruk… Read the rest of this entry »

PlayrDiscovr update!

Ik heb enkele dagen geleden mijn eerste versie van de geautomatiseerde playlist.xml gemaakt, en online gezet. Gisteren heeft Ward Werbrouck (die wat meer verstand van PHP dan ik heeft) dit geoptimaliseerd en opgekuist.

Deze versie is volledig object oriented geschreven, en is vanaf nu PHP5-only.
Deze nieuwe versie kun je hier downloaden.

Thx Ward!