Billy Roh
November 03, 2016
170

# Albers as a Millennial (WaffleJS)

Making generative art with JavaScript

## Billy Roh

November 03, 2016

## Transcript

2. ### But what about programming just for fun, with no clear

utility in mind?
3. ### http://www.albersfoundation.org/artists/biographies/ Josef Albers Born 1888 in Bottrop, Germany Died 1976

in Connecticut Born 1899 in Berlin, Germany Died 1994 in Connecticut Anni Albers (née Fleischmann)

6. ### Homage to the Square is not a single work. It’s

a body of work, with hundreds of pieces.
7. ### Homage to the Square is not a single work. It’s

a body of work, with hundreds of pieces. There are some notable visual patterns though.

squares.

10. ### And less obviously, they tend to come in two flavours:

• Similar colour palette
11. ### And less obviously, they tend to come in two flavours:

• Similar colour palette • Contrasting colour palette
12. ### Let’s take these two things and try to generate our

own images. L a y o u t &
13. ### Sizes of the squares The smallest square is 40% of

the size of the canvas. 40%
14. ### Sizes of the squares The following squares grow by 20%

until they reach 100%. 40% 60% 80% 100%
15. ### Positions of the squares The second largest square is positioned

5% from the bottom of the canvas.
16. ### Positions of the squares The succeeding squares are positions in

increments of 5% after that. (e.g. 10%, 15%) Colour Theory Break!

18. ### Colour palette Analogous colours are hues that are close to

one another on a colour wheel.
19. ### Colour palette Triads are hues that are roughly a third

of the way away from one another on a colour wheel.

21. ### Colour palette These works would be called triads(ish) because some

of these hues are further away than others.
22. ### First create a random colour. Set the colour’s lightness to

be on the higher side.
23. ### Then create another colour of a similar hue. Set its

lightness to be low. (10–40%)

spectrum.

colour.

32. ### Stand back from this painting and look at the whole

thing. Are the squares stacked on top of each other, like cut out pieces of construction paper? Are they sinking underneath each other, as if you are looking at a painting of a tunnel? Each painting explored the same basic question: can an artist create the appearance of three dimensions, using only color relations?

paint.
34. ### Josef Albers explored this question with his medium: canvas and

paint. How can we explore this further in our medium: JavaScript?

36. ### If you look at this pattern closely, you’ll see it’s

a random grid of triangles. Grid Pattern
37. ### If you look at this pattern closely, you’ll see it’s

a random grid of triangles. Grid Pattern
38. ### If you look at this pattern closely, you’ll see it’s

a random grid of triangles. Grid Pattern 1 2 3 4

40. ### Depending on the number you just rolled, return one of

the four triangles.

42. ### The foremost element is the darkest. The background is the

lightest. Palette & Layers

& Layers