文字にこだわらず様々なグラフィックス図形を描く。
例題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
各自グラフィックスアートを描きなさい。