Full Articles
Processing Month, Day 10 - Painting, Part 1
10 May 2011
In the next three days, we'll cover the basics of procedural painting. Today will be about using basic user input to paint. We'll use the mouse to move our digital "brush".Tags: processing, tutorial
Processing Month, Day 9 - Circular Pixels
09 May 2011
Today, we'll take a look at how we can work with images in Processing, and how we can use color values of individual pixels to create an interesting result. First thing we need to do is finding an image to use and resize it so it has the same dimensions of our sketch.Tags: processing, tutorial
Processing Month, Day 8 - Animating Bubbles
08 May 2011
To animate the bubbles we made yesterday, we'll need to add a new method to our Bubble class: the `update()` method. If we call this method before we call the `render()` method on our bubble objects inside `draw()`, the y-position of the bubble will change, and the bubble will be rendered on a new coordinate. The update method looks like this.Tags: processing, tutorial
Processing Month, Day 7 - Bubbles
07 May 2011
Functions are great to draw multiple objects to the screen at once, but if you want to control each of those objects and animate them, you'll need something more powerful. Today, we'll venture into the world of OOP: Object-Oriented Programming.Tags: processing, tutorial
Processing Month, Day 6 - Square Flowers, Part 2
06 May 2011
For the first five days, we've only drawn one object to the screen. Today we are going to take a look at how we can write a flexible function so we can draw multiple flowers to the screen.Tags: processing, tutorial
Processing Month, Day 5 - Square Flowers, Part 1
05 May 2011
Today, we're going to take a look at how we can create a flower by drawing rectangles on top of each other. You'll learn how the translate() and rotate() functions work.Tags: processing, tutorial
Processing Month, Day 4 - Stars
04 May 2011
Today we'll take a look at creating more complex shapes with Processing. We're going to use `beginShape()` , `endShape()` and `vertex()` to draw a star to the screen.Tags: processing, tutorial
Processing Month, Day 3 - Triangle Grids
03 May 2011
Day three will be all about triangles. But we're not going to use the `triangle()` function. We will draw points and lines again just like the examples from day one and two, but we will restrict the lines so they can only be drawn on a grid based on regular triangles. To make it a little more interesting, we'll also add animation.Tags: processing, tutorial
Processing Month, Day 2 - Connecting Points, Part 2
02 May 2011
Today's sketch will be similar to the one from yesterday, only we'll use random points and connect them in a different way. We will draw a line if the distance between the points is less than a certain number. The distance will also be used as the value for the transparency of the line. Points close to each other will have a less transparent connection between them, points that are further away will be connected by a very transparent line.Tags: processing, tutorial
Processing Month, Day 1 - Connecting Points, Part 1
01 May 2011
In this first article, we'll take a look at how we can calculate points on the circumference of a circle and how we can connect them. We need to do this in a flexible way so we can draw images based on 6 points as wel as images based on 18 points.Tags: processing, tutorial
Processing Month
30 April 2011
Inspired by Keith Peters, who did a great job with his JavaScript month in March, I'm going to do a Processing month in May.Tags: processing
Random Color Palettes with colorLib
13 April 2011
I've just released colorLib v1.0 today. The new version has some bug fixes, better documentation and a new RandomPalette class. In this short tutorial, I'm going to show you how to use this class.Tags: processing, colorlib, tutorial
