​​プログラミングB #03

​​#03 p5.js入門（2）図形描画と色

​​
​​高尾俊介（takawo@konan-wu.ac.jp）
​​甲南女子大学 文学部 メディア表現学科 講師
​​
​​
​​

​​動画資料

​​
​​
 
​​
​​https://youtu.be/oSf6HLj2inw
​​
​​
 
​​
​​https://youtu.be/VFHslEFsVV4
​​
​​
​​
 
​​
​​https://youtu.be/KaazV2n30g0
​​
​​
 
​​
​​https://youtu.be/O9Klhd8XmB4
​​
​​
 
​​
​​https://youtu.be/ZKGDKStm1VM
​​
​​
 
​​
​​https://youtu.be/j6XwgapFoQk
​​
​​
 
​​
​​https://youtu.be/WlJOvzTGMzE

​​作例

​​

​​ファイル名

​​URL

​​001_p5.js Web Editorの初期設定
​​https://editor.p5js.org/takawo2020/sketches/Ulw58xEs
​​002_コメントとプリント
​​https://editor.p5js.org/takawo2020/sketches/gzCrJROS
​​003_点を打つ
​​https://editor.p5js.org/takawo2020/sketches/w5dkfBA7
​​004_線を引く
​​https://editor.p5js.org/takawo2020/sketches/XI17krUl
​​005_背景の色を変える
​​https://editor.p5js.org/takawo2020/sketches/v-REXQ_O
​​006_線の色を変える
​​https://editor.p5js.org/takawo2020/sketches/K5tJnpz5
​​007_円を描く
​​https://editor.p5js.org/takawo2020/sketches/4m-0-8xk
​​008_塗りと線の色を変える
​​https://editor.p5js.org/takawo2020/sketches/je6YTuPk
​​009_四角形を描く
​​https://editor.p5js.org/takawo2020/sketches/q0dlDjLB
​​010_三角形を描く
​​https://editor.p5js.org/takawo2020/sketches/eF4mjFNK
​​011_四辺形を描く
​​https://editor.p5js.org/takawo2020/sketches/eejA22iO
​​012_円弧を描く
​​https://editor.p5js.org/takawo2020/sketches/llmSZJqV
​​013_頂点登録して描画する
​​https://editor.p5js.org/takawo2020/sketches/LohjSStB
​​
​​
​​026_HSBでの色指定
​​https://editor.p5js.org/takawo2020/sketches/p-5ZK3FC
​​027_HSBでの色指定（2）
​​https://editor.p5js.org/takawo2020/sketches/hqqpsELZ
​​028_HEXでの色指定
​​https://editor.p5js.org/takawo2020/sketches/hXAqDJAc