#1. 2D 도형으로 기본 포스터 구성 만들어보기

 

John Rieben 

미국 그래픽 디자이너 존 라이벤의 포스터를 p5.js로 따라 그려보았다. 

 

 

p5.js 로 그려본 포스터

 

John Rieben

 

function setup() {
  createCanvas(400, 550);
}

function draw() {
  background(3, 55, 140);
  noStroke();
  fill(158, 142, 35);
  rect(0,0, 200,100);
  fill(224, 18, 18);
  rect(300,0,100,200);
  rect(0, 200, 100, 200);
  fill(158, 142, 35);
  rect(200, 300, 200,100);
  fill(255);
  rect(0,400,400,550);
  fill(0);
  textAlign(LEFT);
  text('museum of science and industry', 10, 500);
  strokeWeight(0);
  textSize(24);
  textStyle(BOLD);

}