Processing derives its power from its use from Java, and using Java applets, you can run Processing sketches in a browser. (You can even use 3D — OpenGL included, with some trickery.) But what if you could use Processing syntax with JavaScript — even just for the heck of it?

John Resig has done just that, porting Processing’s syntax and basic functionality to JavaScript, using the browser support for the Canvas element:

Processing.js

Incredibly, the whole project fits in a svelte 5000 lines — a 10kb compressed download. Now that it’s done, is there any advantage? Well, I can see using it for simple, lightweight JavaScript visualizations in the context of a Web design in which an embedded Java applet didn’t make sense. You will want to keep your expectations realistic: you lose out on some of the performance and functionality advantages provided by Java, and John has the additional warnings:

NOTE: I highly recommend that you use the latest Firefox 3 beta to view the demos. Most will work in the latest WebKit Nightly and a majority will work in Opera 9.5, but all will work in Firefox 3.

Note again: A lot of these demos will peg your CPU. As I mentioned above, I’m trying to squeeze the most out of the browser, as possible - be ready for it!

That said, I’m running Firefox 2 on a modest CPU and most of the demos are actually just fine. Anyone out there who, for some reason, has been waiting for this, I’ll be curious to hear more about how you think it might be used. But for the rest of us, it proves that some of the power of Processing is in the underlying concept and syntax, not just the literal implementation — and that’s a cool thing. As for those crazy hackers out there, well, keep on hacking!

For a previous example of this kind of in-browser insanity on Create Digital Music:

Lily: Browser Beatboxes and the Rebirth of Max-Like Patching

Play the NY Times Website Like an Instrument, and Other New Lily Tricks

Apple’s iPhone — and the significantly more affordable, doesn’t-have-to-be-a-phone iPod Touch — are essentially pocket-sized, intelligent multi-touch controllers. Hooking them up to visual software as controllers simply requires some app on the phone to transmit data, and some way of dealing with that data on the computer side. We’ve already seen this a bit on Create Digital Motion, and we’ve been covering some of the specifics of parsing data with Pd (Pure Data), the open-source, tri-platform patching software, on Create Digital Music this week.

Here’s the basic setup:

On Your iPod/iPhone

You have two options of software to use on your iThing. (You’ll need to “jailbreak” your device, as these are not — and may never be, for all I know — approved Apple apps.)

1. mrmr by Eric Redlinger of Brooklyn (top right):  open-source, editable control screens (requires Mac-only software to edit). See our interview with Eric, including some examples with Quartz Composer.

2. akaRemote.app by Masayuki Akamatsu of Japan: not open-source, not editable, but comes with a set of useful control templates, and you can transmit data to the app. See our look at a recent release. Upcoming Mac-only visualist app 3L has its own special akaRemote-based bridge called i3L, which also runs on iPhone/iPod Touch; see our look at i3L with artificial eyes.

On Your Computer

While the iPhone and iPod Touch have Apple logos on them, all of these apps send OpenSoundControl data. That means any OSC-compatible software will work, which is gradually including more visual software, as well as modular apps like Quartz Composer, Max/MSP/Jitter, Pd/GEM, and vvvv. (I love saying that last one … vvvvvvvvvvvvvvvvvvv. Okay, moving on.)

Of all of these, Pd is the one solution that’s free, open source, and runs on any platform. That means it’s also a viable candidate for translating incoming OSC data to more broadly-compatible MIDI. (i3L has you covered, as it uses a MIDI bridge.)

We have not one but two sets of tutorials / example patches for working with Pd on Create Digital Music, using a patch like Cesare’s, pictured above:

Control Music and Visuals with iPhone/iPod, Free Via Pd

Tutorial: More iPhone/iPod Touch Control With Open-Source Pure Data

So, Is It Worth It?

I usually don’t ask that question, preferring instead to report on what other folks are doing. But it is always worth asking yourself — and it is an entirely personal question. I’m not totally convinced in the case of these devices that I’d want to buy one solely for VJing, but then, what makes this so cool is that it adds on additional functionality to a device. (Too bad Apple is being so uptight about third-party development, but at least there’s an SDK — and plenty of hackers ready to break Apple’s rules.)

My own preference remains squarely with tangible controllers and tactile feedback, especially as some of the advantages of multi-touch are diminished by the iPod/iPhone’s diminutive size. But I absolutely see the argument for using these. What do you think, dear readers?

During the high-definition wars, your feelings about new higher-capacity storage discs may have ranged from ambivalence to dread to simple disinterest. (Well, that’s how I felt, anyway.) But with Blu-ray triumphant comes this realization: "hey, brain, we’ve suddenly got increasingly-affordable ways of burning high-capacity media!" Drive upgrades on the PC side cost what DVD burners once did, and if you’re hooked up to a TV, the writer can be your player, too. (There’s already a Lite-On internal drive for around US$350, and I expect these prices will plummet as production ramps up.)

That’s burning, anyway — authoring is obviously essential.

This just in from pixel-burninators and soon-to-be-purveyors of fine realtime 3D visual performance software, artificialeyes: VJ Loop Century seem to be claiming that 3L is their “home made realtime visual software”, which is “available as a freeware for unlimited downloads !”.

They then go on to, erm, reproduce without attribution, Peter’s “How awesome is 2008 (3L! Whoo!)” post, even though it explicitly names artificialeyes as the creators of 3L.

I’m not sure what else to say about this. Michael has plenty more though.

artificialeyes are keeping us updated on the impending release of 3L (current status: Soon), and while I’m still in “getting my studio in order” mode in the lead-up to the “2008 massive VJ geek-out and CDMoFest” and unable to play with new toys, CyberPatrolUnit has posted some great demo videos (and followup), showing us some of the places that 3L may be able to take us.

3L and Lemur at LAX from CyberPatrolUnit on Vimeo.

Exciting? Maybe a little. I still have lots of 3L video to edit from Perth last year, and I’ve promised Michael that I’ll have some videos ready for the official launch. Stay tuned!

Gavin Morris has been working on an audiovisual setup with Ableton Live and Isadora, a tasty combination for any Windows or Mac user. Isadora, for those of you who don’t know, is a visually-focused modular patching tool. It’s similar to tools like Max/MSP/Jitter, but by emphasizing the practical needs of visual performance, it’s unusually usable when putting together real-world gigs. Its use by A/V dance troupe Troika Ranch (co-founder Mark Coniglio is also the tool’s creator) has also popularized it in modern dance circles.

Gavin has two tutorials for us to start. The first syncs up Live and Isadora, along the lines we ran here using Live by momo the monster:

AV Cutup Secrets: Using Lucifer & Live

Gavin writes:

It’s similar to Momo’s recent Tutorial but uses a free tool for the VST (Pluggo) and allows control from the Live interface (as opposed to within the VST) This allows you a lot more flexibility and means you can use Follow Actions, adjust loop lengths/positions in realtime and even create a slicer. It is Live>Isadora via OSC but could equally be to many other softwares and could equally use MIDI.

I’ve written a VST to go in slicer channels tool.

Sync Ableton Live to Isadora using a Pluggo VST from digital funfair on Vimeo.

Gavin warns us that the video may "put us off." At first I thought that meant it was NSFW or something, but … well, that’s not the problem. You’ll see. I leave it up to you to decide how you feel about it.

The second tutorial gives you the power of Emergency Broadcast Network-style A/V slicing:

I’ve done a tutorial for a Video Slicer - synching up Live’s slicer to Isadora - same technique but a bit of maths to convert the midi notes Live creates to video position. You can make some quite glitchy s***!

AV Slicer Tutorial - Ableton 7 Slicer with Isadora from digital funfair on Vimeo.

Lots more information at Gavin’s site, Boredbrands Digital Funfair.

He needs someone to build the Mac plug-in, so Max users, if you’re game, go for it!

AV Sync Tutorial

AV Slicer Tutorial

Good as this is, I hope we see some audiovisual setups that work with more asynchronous relationships between music and motion — I know my own tastes for my personal work tend in the abstract. Maybe I’ll have to put my money where my mouth is and write it up myself.

After a little random number generation, I have the pleasure of announcing the winners of our 3L Beta Giveaway.

• Leon Grant Bussinger
• Chateau Bezerra
• eri
• Michael Hart
• Nek

Soon you’ll be gaping at this interface in awe, wondering what to do next. So I hope you’ve read the manual!

Those of you who didn’t win, don’t fret! You will soon be receiving an invitation from artificialeyes to join the 3L mailing list, so you’ll be among the first to know when the commercial release happens. Stay tuned for more 3L information as the software nears release, and those lucky Beta winners, please tell us when you have some 3L output available online for others to see!

Thanks to everyone who ran the system spec gauntlet and proudly entered our 3L Beta Giveaway. We’ll draw and announce the winners on Monday when ExiledSurfer and I have finished our respective travel itineraries.

In the meantime, for those who would like to get a head start on the 3L interface, artificialeyes have released the manual for public consumption (Download link: 1.2MB PDF).

When you open that file, you’ll be confronted with the following image.

Sage advice. artificialeyes have made some very interesting interface design choices with this software, and while they’ve packed a huge amount of control and signal flow functionality into a single screen interface, few would accuse it of being intuitive. Even with Michael and Todd showing you through the system it’s still quite confusing, and takes some time for the 3L paradigm to sink in. So for those 5 new beta testers hitting the software on Monday, getting a head start on the manual will have you blasting pixels out smoother and faster.

Good luck! As the commercial release of 3L approaches I’m sure we’ll have more exciting news coming.

Hang tight — we will have that announcement here. It’s Monday in New York for another few hours. -Ed.

It’s been 2 months since artificialeyes announced their new Mac-only visualist tool 3L ("Thrill"). The ae guys have just pushed out a new beta release, updated the 3L manuals, posted a new features page with screenshots, and the word from Michael is that the commercial release will happen as soon as they have the infrastructure in place for selling it.

To further whet your appetite, over 100 free VJ loops created with 3L have been posted to archive.org:

Free VJ LOOPS created with 3L
3L VJ Loops Series 2
Free VJ Loops created with 3L Series 3

… and leading by example, they have also released two content DVDs on VMS. These feature content generated almost entirely in 3L and are designed to be used with the VMS Video Moving Systems.

Hungry? Well, how would you like a main course of "Free 3L Private Beta" to go with that? artificialeyes have provided CDMo with five invitations to give away. The beta group is currently under 50 people, so this isn’t your average web2.0 style "put it out there and call it a beta so we don’t have to make it stable" software release.

Before you go putting up your hand, however, there are some conditions. Most importantly: You’ll need a machine which is capable of running 3L.

2.33GHz Intel based MacBook Pro or Mac Pro running:

• OSX 10.4.1 or later (leopard included)
• Quicktime 7.2 or later
• Minimum screen resolution 1440 x 900 pixels
• 2Gb RAM
• 256Mb VRAM ATI or NVIDIA video card

If you can tick those boxes, then all you need to do is leave a comment on this post (edit: Entries are now closed. Winners will be announced on Monday). Entries will be open for 72 hours, then we will randomly select 5 people to join this exclusive group of visual visionaries beating their graphics chips into submission. Those who have been chosen will receive a beta invitation, and the others will receive an invitation to join the 3L mailing list (opt-in, of course).

If you miss out, don’t fret. The pricing for 3L - €200, €150 for students - is very competitive, and I’m sure that artificialeyes will keep us in the loop on their release progress.