Creating generative art in haXe and OpenFrameworks (Feb 2011)

February 22nd, 2011  |  Published in Uncategorized  |  8 Comments

I continue the journey of creating a piece of generative art everyday. And I am still using hxOpenFrameworks. BTW, since I don’t have a Mac running at this moment, I can’t have a Mac build. And actually I’m still messing with the Linux build… So hxOpenFrameworks is currently Windows only. I will release it to haxelib once it is cross-platform.

Anyway, here below are the selected pieces from my set of creations.

After last time I discovered the beauty of physics, I went with some typical simulations…shooting bullets.
It is not in real-time, but a frame-by-frame rendering. It would be nice if there is a haXe binding to PhysX or something.
YouTube Preview Image

Following is simply putting some circles from inside of a grid of sands. Look pretty like corruption.
YouTube Preview Image

And then there is a series of connecting points on a circle. It generates soooo many patterns with a single algorithm, I have to align the variations in a grid. Don’t draw them on a paper, it may summon a fire ball or something, don’t say I haven’t warned you ;)
20110128_010311
20110129_003509

Since I was leaking idea, so better do some old school recursive stuffs… Turn out applying color on them can give you nice harmonic color scheme, and the proportion is perfect!
20110201_000052

I like the following one very much. It first generates an array of points according to some regular polygon math, then sorts them according to the angle from origin and finally links them up.
20110207_022130

Same as above, but reversed part of the math so the lines point outward.
20110208_002628

Still playing with the above idea, but applied lots of tweaks to bring the interesting parts out.
20110210_064234

In the latest weeks, I have been trying to create more concrete graphics. It takes more time then messing around with math equations, but I have more artistic control. First one plays with circuit board like structures.
20110216_103158

Applying Tron-style color.
20110217_080342

Second concrete thing I created is a feather, as I really like birds. I used the easing equations(which are usually used for tweening) by Robert Penner to create the curves.
20110220_135143

Creating a pair of wings is easy when you have feathers.
20110221_213250

And finally, why not have 3 pairs when you simply can? Here comes a seraph.
20110222_020632

Your Ad Here Linux Servers on the Cloud IN MINUTES

Tags: , , ,

Responses

  1. Tweets that mention Creating generative art in haXe and OpenFrameworks (Feb 2011) | Andy Li's Blog -- Topsy.com says:

    February 22nd, 2011 at 3:18 pm (#)

    [...] This post was mentioned on Twitter by Andy Li, Ultra Red, FMC Washington DC, Eric Snowden, flash reseller and others. flash reseller said: Creating generative art in haXe and OpenFrameworks (Feb 2011) I continue the journey of creating a piece of generative a http://tiny.ly/OG8x [...]

  2. ben says:

    February 22nd, 2011 at 4:57 pm (#)

    Nice to see some generative experiments in haxe. I think it would be cool if you posted some code snippets, so other people can see how cool the haxe language is..

  3. Andy Li says:

    February 22nd, 2011 at 6:02 pm (#)

    @ben
    Actually you will find a link to the source(gist.github.com) if you click on any one of the above images, but most of them are not well documented/refactored since I’m trying to code at the speed of thought ;)

  4. Ben says:

    February 22nd, 2011 at 6:15 pm (#)

    Oh cool, cheers. OT … It’d be cool to build a processing style environment for haxe art..

  5. Andy Li says:

    February 22nd, 2011 at 7:58 pm (#)

    Indeed, but instead of building an IDE, I’m more interested to have a WebGL port.

  6. Ben says:

    February 22nd, 2011 at 8:04 pm (#)

    That would be nice also.

  7. nicoptere says:

    March 19th, 2011 at 7:35 pm (#)

    sweet!

    love the circuit board like thingies :)

    good series, keep it up!

  8. Andy Li says:

    March 20th, 2011 at 3:10 pm (#)

    Thanks:)

Leave a Response

*