A Flowery Mid-Century Living Room Wallpaper

If the 1960s was popularised by one thing then that things would have to be the stylised flower and in particular when used with the colour yellow.

This wallpaper was made in code using Processing and I have tried to tidy my scrappy code and remove all the unused colours (I hope) to make it more readable. The code is reproduced below if it helps anyone; to make it simpler for this pattern I have not used a background bitmap and so it should work as it is.

The stylised flowers in the circle are very 1960s and the finished pattern absolutely called for the walls of my 1960s living room set. After some experimentation with the scale I have to say that I am pleased with the result. Mid-century decorators would almost certainly have used this paper on all the walls but I felt that by doing that it made the image looks far too busy and so I have just used one wall and kept the wall by the window painted. This also has the effect of showcasing the pattern better on the remaining wall.

You can also see larger versions of this and our other work on our Flickr page which is here.

color canary ;
 color popRed ;
 color montella ;
void setup() {
 size(1000, 1000) ;
 background(50) ;
 canary = color(#EFC400) ;
 popRed = color(#C8361E) ; // Poppy red
 montella = color(#464130) ;
// drawGuides() ;
// flowers
 noStroke() ;
 for(int i = 0 ; i < width ; i += 500) {
 for(int j = 0 ; j < 1250 ; j += 500) {
 noStroke() ;
 fill(canary) ;
 drawFlower01(i, j) ;
 drawFlower01(i + 500, j) ;
 drawFlower01(i + 500, j) ;
 }
 }
for(int i = 250 ; i < width ; i += 500) {
 for(int j = 250 ; j < height ; j += 500) {
 noStroke() ;
drawFlower01(i, j) ;
 drawFlower01(i + 500, j) ;
 }
 }
//------------------------------------
// circles
 for(int i = 0 ; i < 1250 ; i += 500) {
 for(int j = 250 ; j < 1250 ; j += 500) {
 stroke(montella, 250) ;
 strokeWeight(4) ;
 fill(popRed) ;
 int circle = 150 ;
 ellipse(i, j, circle, circle) ;
 ellipse(i + 500, j, circle, circle) ;
 }
 }
for(int i = 250 ; i < 1250 ; i += 500) {
 for(int j = 0 ; j < 1250 ; j += 500) {
 stroke(montella, 250) ;
 strokeWeight(4) ;
 fill(popRed) ;
 int circle = 150 ;
 ellipse(i, j, circle, circle) ;
 ellipse(i + 500, j, circle, circle) ;
 ellipse(i + 1000, j, circle, circle) ;
 }
 }
}
//-------------------------------------------------------------------
void drawFlower01(int x, int y) {
 pushMatrix() ;
 translate(x, y) ;
 int w = 70 ; // flower width
 int h = 300 ; // flower height
 int c = 80 ; // flower center
 fill(canary) ;
 noStroke() ;
 ellipse(0, 0, w, h) ;
 rotate(radians(45)) ;
 ellipse(0, 0, w, h) ;
 rotate(radians(45)) ;
 ellipse(0, 0, w, h) ;
 rotate(radians(45)) ;
 ellipse(0, 0, w, h) ;
 rotate(radians(45)) ;
 ellipse(0, 0, w, h) ;
 // center --------------
 stroke(0) ;
 strokeWeight(2) ;
 fill(montella) ;
 ellipse(0, 0, c, c) ;
 popMatrix() ;
 }
// guides -----------------------------------
 void drawGuides() {
 stroke(0, 50) ;
 strokeWeight(1) ;
 // across
 line(250, 0, 250, 1000) ;
 line(500, 0, 500, 1000) ;
 line(750, 0, 750, 1000) ;
 // down
 line(0, 250, 1000, 250) ;
 line(0, 500, 1000, 500) ;
 line(0, 750, 1000, 750) ;
 // reset stroke
 stroke(0) ;
 strokeWeight(1) ;
 }

Processing Font Fun

We had dreary, miserable, wet weather this weekend and so I took the opportunity to have some font fun with Processing.

The image above shows my mid-century bedroom scene with a font inspired wallpaper. The background is mid-century off-white and the font is Sitka Heading, a Microsoft font created by Matthew Carter, and just the capital letter “T”.

Using this as a wallpaper gives it a look almost of anaglypta, a wall covering that was very popular mid-century, and particularly in the 1960s. Anaglypta wallpaper was a textured wallpaper, usually with swirls or random type patterns, however more structured patterning was also available. As a 3D texture this pattern, I think, looks extremely good on the walls and has a simulated texture that you could almost touch if you could walk into the room.

You can also see larger versions of this along with two other font styles and our other work on our Flickr page which is here.

// complete pattern of Ts
 PFont sitkaH ;
void setup() {
 size(1000, 1000) ;
 background(241, 230, 204) ; // off white
stroke(0, 50) ;
 strokeWeight(1) ;
// ---------------------------------------------------------
sitkaH = createFont("Sitka Heading", 200) ;
textFont(sitkaH) ;
fill(0) ;
for(int i = -7 ; i < width ; i += 100) {
 for(int j = 130 ; j < height ; j += 140) {
 text("T", i, j) ;
 }
 }
 }