Making art with Javascript

Mozilla coder [Aza] is connected to the past and the present: he wanted to celebrate the release of Firefox 3, but pines for the days when one could use small amounts of code to make compelling art. As a way of addressing both things, he has released ContextFree.js, a javascript port of [Chris Coyne]‘s Context Free Art. Users can visit Algorithm Ink, where they can draw various compelling designs with just a few lines of script. ContextFree.js compiles the scripts and turns them into visually arresting geometric designs. Users can also browse through designs made by others, easily save them as JPGs, or even modify them by adding their own bits of code. What’s more, it’s not out of the question to use this to generate random images on a website, creating a unique visual experience for every single visitor. You all know what we want to see, though: JavaScript gurus working some real magic with this. Better yet, said gurus can play around with the core open-source code and make something truly their own on the most fundamental level. Definitely check out the video above to get an idea of how easy this is.

[via Waxy]

Comments

  1. Scott says:

    Is there a way to record this happening/convert it to a video file? I want to make a video of some of this different .js code excecuting and save it for use as a menu background/credit background on home made DVDs.

  2. Snaptastic says:

    Is there a way to create vector art with these?

  3. Snaptastic says:

    Nevermind – just download the standalone program (which I didn’t see initially) and you can save as svg.

  4. TJHooker says:

    The algorithm is surprisingly simple. I remember the black and white 3D wolfstein Jscript game from years back was pretty neat.

  5. BlizzardDemon says:

    @scott I’ve had times I wanna record stuff and can’t. Try ZD Soft Screen Recorder, it does a really great job recording onscreen video.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

Follow

Get every new post delivered to your Inbox.

Join 96,421 other followers