Recreating the past Vera Molnar- Zach Lieberman / by Sebastian Morales

Over at SFPC, I got to sit-in in Zach’s class Recreating the Past, the fist week he talked about Vera Molnar which I found it amazing that I didn’t knew her, although I knew some of her works.

The homework consisted in recreating one of her pieces. I chose to focus on her work Lettres de ma Mere.

Here is one of the originals (they are a series)

Untitled.png

Here are some attempts:

Untitled 2.png
Untitled 1.png
let marginX=100.0;
let marginY=200.0;

let letterHeight=30.0;
let letterLength=60.0;
let varianceX=.2;
let varianceY=.4;
let lineSpace=7;

function setup() {
  createCanvas(windowWidth,windowHeight);
  background(240);
  stroke(32,30,116);
  // stroke(32,30,116,200);
  // strokeWeight(0.5);
}

function draw() {
  randomSeed(44);
  background(240);


  for(let j=marginY; j<height-marginY; j+=letterHeight+lineSpace){
    let lineEnd=width-marginX-random(5)*letterLength;
    for(let i=marginX; i<lineEnd; i+=letterLength){

      if(i == marginX && j == marginY){//indentation
        i=marginX*1.6; 
      }
      
      let letterEndX=i+letterLength+random(-letterLength*varianceX,letterLength*varianceX);
      // let letterEndX=i+letterLength;
      let letterEndY=j-random(-letterHeight*varianceY,letterHeight*varianceY)-letterHeight;
      // let letterEndY=j-letterHeight;
      let newI=letterEndX-((random(-letterLength*varianceX,letterLength*varianceX)+letterLength)/1.5);
            
      if(random(1)>.4){
       ellipse( letterEndX,letterEndY,2,2);
      }
      if(random(1)>.4){
       ellipse( newI,j,2,2);
      }
      // let newI=letterEndX;
      line(i,j,letterEndX,letterEndY);
      line(letterEndX,letterEndY,newI,j);   
      i=newI-letterLength;
    }
  }
}

And here is a demo! if you change the screen size and refresh you should see it in action.