p5.js 宿題1
課題
https://www.youtube.com/watch?v=3IKPGL6403I
『配色の設計』は必読書だが、Google イメージ検索「Josef Albers」を参考にしても良い
回答例
https://gyazo.com/b67635b357da5a87c7bd84d0f743e4a7
code: homework1.js
function setup() {
createCanvas(480, 640);
}
function draw() {
background(167, 160, 204, 255);
noStroke();
fill(124, 113, 182, 127);
//中央の長方形
translate(160, 480); // 左下の点を基準にしたいため、原点を移動 (詳しくは次回説明)
rect(0, 0, 180, -320); //新しい原点から
//左の長方形
rotate(-0.4); //新しい原点を元に反時計回りに回転 (詳しくは次回説明)
rect(0, 0, 180, -320);
//右の長方形
rotate(0.8);
rect(0, 0, 180, -320);
}
提出方法
Unipaを参照
Previewのスクリーンショットを添付する
記述欄にp5.jsのコードをコピペする
〆切
2019年10月24日(木)23時59分まで