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: processing, tutorial
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: processing, tutorial
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: processing, tutorial
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: colorlib, processing, tutorial
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: processing, tutorial
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: processing, tutorial
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: processing, tutorial
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: processing
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.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: colorlib, processing
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: colorlib, processing
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: teaching
