Form + Movement

finished working out a block of code (Processing + HYPE) that takes an image and creates an array of colors based on the image's width divided by the number of desired colors.

so here a gradient image (1000 x 10) is used to create 2 arrays of colors, array 1 = 75 colors and array 2 = 15 colors (HPixelColorist). Then using HTimer and a counter... we can cycle through the arrays with an offset... creating an animation of color changes as it runs through the arrays.

Again in this example, for the bottom left animation, the texture mapped triangle assets are using tint() to cycle the fills through our 75 colors... and the triangle strokes are cycling through our 15 colors. The top animations use 2 different HPixelColorist images for colors... images that compliment one another but are not the same in color gradient structure.

# Uploaded 625 Plays / / 0 Comments Watch in Couch Mode

Form + Movement

Jan Vantomme

The everyday things that move me as a designer.

Browse This Channel

Shout Box

Channels are a simple, beautiful way to showcase and watch videos. Browse more Channels. Channels