02-09 グラフィックスアート

文字にこだわらず様々なグラフィックス図形を描く。

例題2-9-1

描画色を指定できるようにする。

コード

function setup() {
  createCanvas(200, 100);  
}

function disp(moji, baseX, baseY, col) {
  stroke(col);
  for (let i = 0; i < moji.length - 1; i++) {
    if (moji[i].f == 0)
      line(moji[i].x + baseX, moji[i].y + baseY, 
           moji[i + 1].x + baseX, moji[i + 1].y + baseY);
  }
}
function draw() {
  background(220);
  let X = [
    { f: 0, x: 10, y: 10 },
    { f: 0, x: 20, y: 10 },
    { f: 0, x: 90, y: 90 },
    { f: 0, x: 80, y: 90 },
    { f: 1, x: 10, y: 10 },
    { f: 0, x: 90, y: 10 },
    { f: 1, x: 52, y: 48 },
    { f: 0, x: 47, y: 54 },
    { f: 1, x: 10, y: 90 },
  ]

  disp(X, 0, 0, color(0, 0, 255));
  disp(X, 100, 0, color(255,0 , 0));
}

結果

練習問題2-9-1

各自グラフィックスアートを描きなさい。