Entries from Lily tagged with 'Javascript'
Processing JS
I've added a new external object called "processing" to Lily today to take advantage of John Resig's wonderful new library Processing.js. Processing.js is a Canvas based implementation of the processing language in Javascript. Unlike my own port of the...
Finally found a use for the NY Times
Finally found a use for the NY Times from Bill Orcutt on Vimeo. Ever wondered what a web site sounds like? Not the words, but the actual data on the site itself? Here's a Lily application that let's you...
SVG Midi Sequencer
SVG Midi Sequencer from Bill Orcutt on Vimeo. Oddball monophonic sequencer using an svg/javascript animation. The animation generates a tree of randomly distributed nodes that represent the steps in the sequencer. Press the spacebar to add a node to...
SVG to OSC
SVG to OSC from Bill Orcutt on Vimeo. Another svg/javascript animation to control sound. Each circle has a pitch/amplitude value based on its position. The values are sent (via the sendosc external) as OSC messages to a Chuck synthesis...
SVG to Quicktime
SVG to Quicktime from Bill Orcutt on Vimeo. Here's a demo that uses an svg/javascript animation to control quicktime playback. The objects in the animation are attracted to the mouse and repelled by each other. The forces generated by...
Offline Image Archiver
I'm a big fan of ffffound.com's image bookmarking site. Here's a local, client-side version of that service let's you archive images for offline viewing. It works by adding a "Save this image" item to your browser's context menu. Selecting...
CLI DOM Explorer
Unlike some of the other Lily demos which have a putative utility, the CLI DOM Explorer is defiantly pointless. It's a command line DOM explorer that let's you telnet (!) to your browser and traverse & interact with the...
Drawing the DOM
Inspired by Marcel Salathé's processing applet, here's four svg/javascript sketches that visualize the HTML DOM in various ways. Each sketch walks the HTML document loaded in the browser and draws the structure in the patch window using the svg external's...
svg
From the beginning, Lily has used Firefox's SVG capabilities for various shape primitive externals ("circle", "rect", etc) and to draw connections between objects, but until this weekend, it lacked a straightforward way to use SVG's capabilities for animation and...
Twitter Spellcheck Bot
Here's a small Lily program that lets you check the spelling of a word from your cellphone- it uses the Twitter API to send and receive messages from the cellphone and the Yahoo Suggested Spelling web service to look...
HTTPD
Minimal web server. Incoming http requests are output through the outlet and the response is issued after the left inlet receives some input. The demo screencast shows how to use the httpd object to enable a web browser to...
Animate
Feeble attempt at this processing demo. The patch uses a metro to output mouse position at regular intervals. Each time the position is output a circle object is created at that position and a reference to the circle is...
New York Times Via Flickr
Demo showing how to combine web services to perform complex operations- in this patch, the NY Times homepage RSS feed is fetched using the rss object, the descriptions are concatenated and passed to the Yahoo term extraction API. The...
Text
Lily patch building screencast demonstrating reading a text file from disk (using the text object) and then displaying its contents- first as a slideshow (using marquee) and then as a series of randomly sized/positioned comments. The demo also shows...
Flickr/YUI/Lightbox
Two minute screencast of building a patch to fetch Flickr "interestingness" pics for a given day. Demonstrates how web APIs and 3rd party framework JS can be wrapped as Lily objects- in this case, the flickr.interestingness.getList service, the Yahoo...
Circle
Demonstration of the help patch for the circle object. Help patches are small programs that document the available commands for an object. They're accessible by option/alt clicking on an object or via the Help menu item. Because a help...
Beatbox
Demo screencast of a rudimentary beatbox created in Lily. Probably not a use for which the browser is best suited but hopefully gives a sense of what's possible. In any event it cracks me up. Patch can be downloaded...
Math
Lily screencast showing building a simple patch that adds two numbers. Demonstrates patch editing techniques, using arguments to pass a paramter into an object at initialization, message ordering (when multiple connections are made to one outlet, messages are output...
One LED Blinking
My Arduino arrived yesterday and I jumped straight into getting it talking to Lily. Flash is able to interface with the Arduino using XMLSocket to communicate via a socket/serial proxy, but native Javascript doesn't offer anything like XMLSocket. Fortunately,...
Feed Subscription
If you use an RSS reader, you can subscribe to a feed of all future entries tagged 'Javascript'. [What is this?]
