Full Articles

Creating 3D Voronoi with Hemesh

31 January 2011

In this article, I’m going to show you the techniques I’ve used to create these 3D Voronoi images I posted on Flickr a while ago. The first thing you need is a mesh to use as the container for the voronoi cells. You can use any of the creators I wrote about.

Tags: , , ,

Subdividing a Mesh with Hemesh

07 January 2011

In this third article, I’m going to take a look at the different ways to subdivide a mesh with Hemesh. The mesh.subdivide() method takes two parameters. The first one is the kind of subdividor, the second one is the level of subdivision. Be careful when you set the level parameter. Try setting it to 200 if you want to crash Processing.

Tags: ,

Modifying a Mesh with Hemesh

28 December 2010

In this second article about the hemesh library, I’m going to show you how to use some of the modifiers. These modifiers can be used to create more interesting shapes. All examples to recreate the images are available for download at the bottom of the article.

Tags: , ,

Creating Gradients with colorLib

24 December 2010

colorLib has a class to create gradients from an array of colors or a Palette object. The gradient class extends the Palette class, so all methods from the Palette class can be used on the gradient object you create.

Tags: , ,

Creating 3D Shapes with Hemesh

14 December 2010

Hemesh is a library for Processing created by Frederik Vanhoutte (W:Blut). In this article I’m going to show you how you can use this library to create complex 3D shapes with only a few lines of code. The libary does the heavy lifting for you. Download hemesh and install it in your Processing libraries folder to get started.

Tags: , , ,

Drawing a Cylinder with Processing

10 December 2010

In this second article, I’m going to show you how you can create your own custom 3D shapes with Processing. You’ll learn how to draw a cylinder by using the beginShape(), endShape() and vertex() functions.

Tags: , ,

Drawing 3D Shapes With Processing

07 December 2010

In the first tutorial in this series, I’m going to show you how to draw basic shapes like cubes and spheres with the P3D and OpenGL renderers. The sketches I’m using in this tutorial are available for download at the bottom of the page.

Tags: , ,

My Processing Template Sketch

29 November 2010

Processing makes it very easy to save your work in different formats. But writing the code to save movies, images and PDF files from the same sketch is boring. I’ve made a template sketch I can reuse so I don’t have to write this kind of code over and over again.

Tags: , ,

Using Colors in CSS

24 November 2010

When you want to use colors in CSS 2.1, there are a few ways to set the value for the background and color properties. You can use keywords, hexadecimal characters or set the color in RGB. CSS3 adds three new ways to use colors: RGBA, HSL and HSLA.

Tags: ,

Using Kuler in Processing with colorLib

16 November 2010

colorLib makes it easy to use color palettes from Adobe Kuler in your Processing sketches. If you want to use Kuler, you’ll need an API key. You can get one on the Kuler website. You’ll need to import the colorLib library to your sketch and declare a Kuler and a KulerTheme variable.

Tags: , ,

An Introduction to colorLib

05 November 2010

Some time ago, Andreas Koberle and I made a library for Processing to fetch colors from web services like Adobe Kuler and Colourlovers so we can use them in our work. You can also create color palettes from images and .cs or .act files with this library.

Tags: , ,

CSS Terminology

04 November 2010

If you want to learn CSS, there is some terminology you need to know about. Knowing the different parts of a CSS rule and the CSS syntax will make it easier to fix problems when you run into validation errors.

Tags: ,