Xtrudr is a javascript drawing experiment. To use it, just click and drag – change parameters if you’re in the mood, and use the keyboard controls for more fine-tuned drawing.
OR
If you’re feeling creative, select the pencil tool and make your own shape to extrude!
Link to this
This is a webcam app that chops up the input image to make a “fly eye” effect.
Super bonus: now it’s a music visualizer!
Link to thisI’ve been really into pixels, lately.
 |
| Pixel Seed |
For this album, I used pixel data as seeds for drawing instructions. I definitely want to take this further.
I might even get back into Pixel Bender.
 |
| Pixel Play |
These images were created by re-encoding and sometimes extracting red, blue, and green values into their own pixels. It was mostly a learning experience, but still yielded some pretty cool pictures.
They’re best viewed at 100%, so be sure to click on the magnifying glass above the image.
I really like light-painting, but the aspect of it that irks me the most is that I can’t see what I’m painting until the shot is finished.
This app serves as a heads-up-display for light-painting artists – allowing them to see how the light is behaving in real-time!
[ Lightpaint Live: Heavy ] Desktop version: features video recording and other advanced features. Mac / Windows. COMING SOON!
[ Lightpaint Live: Instant ] Web version.
[ Lightpaint Live: Light ] Android app: limited, but super portable.
LPL-HEAVY 2.2: Added advanced controls: Fade effect (awesome), and options for video output.
LPL-HEAVY 2.0: Added a recording feature so you can replay the whole performance! Outputs an FLV file to your desktop.
Here’s a sample video.
This app combines two of my favorite things – drawing and sound-visualization! It uses sound to control the properties of a drawing tool!
Once the music loads, click and drag to draw. Alternatively, you can use a microphone (click activate mic at the top)!
In addition to the obvious controls (tools-left, edit-bottom, sound-top), there are also keyboard controls for changing properties and editing the drawing on-the-fly!
[ ] – tool size
< > – transparency
ctrl+z – undo
ctrl+y – redo
ctrl+s – save
ctrl+n – new
And here’s something I did with the “complex” tool:
This site was made in two days, as a part of a job application for Riot Games. I thought it was a good excuse to come up with an xml-based cms. Also, I think the film-strip-style character picker is pretty awesome. I wouldn’t consider this finished, but it’s definitely something I’ll post!
Link to thisThis blog was recently consumed by my hosting service, so I’m attempting to piece it back together. I’m not going to re-post everything – just the best stuff.
To start, here’s five flash-based creations, all packaged up into one link!
Mini Flash Showcase (watch out for runaway pixels!)
Here’s a five-minute tutorial on procedural design in Photoshop! It will change your life!
Link to this
I’ve been getting more into manipulating bitmap data, and it’s a ton of fun! This app animates a strange attractor based on values set in the control panel. The values will bounce around inside the range that is set.
There are four algorithms to pick from; two are by famous dead mathematicians, and two are mine.
Peter De Jong
x’ = sin(a * y) – cos(b * x)
y’ = sin(c * x) – cos(d * y)
Clifford Pickover
x’ = sin(a * y) + c * cos(a * x)
y’ = sin(b * x) + d * cos(b * y)
Josh 1 (I think these are called Lissajous curves)
x’ = cos(a * y * x) – c * sin(a * x * y)
y’ = cos(b * x * y) + d * sin(b * y * x)
Josh2 (not a strange attractor, but still cool looking)
x’ = Math.sin(a * x) – c * Math.cos(a * y) / x;
y’ = Math.sin(b * y) + d * Math.cos(b * x) / y;
If you want to experiment with a wider range of strange attractors, there are a couple of programs to grab: Chaoscope and Apophysis. They’re both a lot of fun, and can render out some pretty large images (say, for printing).
Thanks to SubBlue for his open-source simple attractor renderer!
Link to this