HSB-Colorspace Explorer

Nikolaus Gradwohl2011-10-09T08:24:03+00:00

I made a little sketch to explore the HSB-Colorspace.

click here to start the sketch or download the sourcecode.

hsb space explorer

sine function spider

Nikolaus Gradwohl2011-10-06T06:04:02+00:00

Today I made a little spider out of sine-curves. Click on the applet and wiggle to mouse to make it move click here to see it in action or download the source

sine function spider

howto use svg for rigged 2D-animations in processing

Nikolaus Gradwohl2011-10-03T05:57:24+00:00

I played around a bit with svg-files and processing and learned that the PShape-Class is far more powerfull that it looks on the first glace.

This is a short tutorial that shows how I used Inkscape and Processing to make a simple rigged 2D-figure.

jumping_jack

The code for the tutorial can be downloaded here

In processing loading and displaying svg-files is very easy. Just define a 'PShape' object and use 'loadShape' to fetch a svg-file. With the 'shape' command the graphic can be displayed in the window.

PShape boxes;

void setup() {
  size(500,200);
  boxes = loadShape( "boxes.svg" );
}

void draw() {
  background(255);
  shape( boxes, 0, 0 );
}

But when I looked at the source of the PShape class I learned that you can do far cooler stuff with these svg graphics. Every part of the svg graphics can be accessed by using the 'getChild'-method of the PShape class. So we could give the rectangles from the previous example a name and then hide them individually.

read more ...

A circular clock in processing

Nikolaus Gradwohl2011-09-10T16:19:06+00:00

I made a new clock in processing. This time I use gray circular sections to display the time. The screenshot was taken at 16:29:09

click here to see the clock in action

path clock

Simulating papercut pictures with processing

Nikolaus Gradwohl2011-08-23T20:38:16+00:00

I made a processing sketch hat shows how to simulate the look of a papercut images in processing.

click here to try it or download the source

paper waves

Flying little bee in Processing

Nikolaus Gradwohl2011-08-19T07:21:14+00:00

I made a processing sketch featuring sidescrolling patches of grass (inspired by this pencil drawing of mine) and a little bee Click here to let the bee fly, or look at the sourcecode. maybee I turn this into a game for another tutorial ...

flying bee

Brightness Explorer

Nikolaus Gradwohl2011-08-18T07:14:46+00:00

I made a new processing sketch that draws grayscaled Squares. The brightnes of all squares centers around a base brightness. With every mouse-click the base brightnes gets changed to the one of the clicked pixel and the image gets redraw with the new base brightness.

Click here to give it a try or download the code

brightness explorer

Framed Pictures made with the Abstract-Art-Generator

Nikolaus Gradwohl2011-08-16T06:39:26+00:00

A while ago I made an Abstract Art Generator in processing. Now I printed and framed three of the generated images.

Abstract Art

3D eyes with parametric texture

Nikolaus Gradwohl2011-08-15T21:11:23+00:00

I made some 3D mousefollowing eyes in Processing. The texture is generated in the setup method by drawing blue and black stripes and wrapping it around a sphere.

Click here to start the sketch, click on the eyes to give it the focus and then move the mousecursor.

3D eyes

film-noir like processing sketch

Nikolaus Gradwohl2011-08-13T12:23:15+00:00

I made a processing sketch today featuring a gowing steak. Because this August rather feels like authum this year (at least in Austria) it got a bit dark and rainy

The rain is reused from this sketch

Click here to give it a try

dark, rainy, growing steak