Loading...
プログラミングB #03
#03
p5.js入門(2)図形描画と色
高尾俊介(takawo@konan-wu.ac.jp)
甲南女子大学 文学部 メディア表現学科 准教授
雑談
背景や図形の色をグラデーションにする方法はありますか?
また図形の線(ふち?)の色を変える方法はありますか?
+
p5.js 100 samples
stroke(255,0,0); // 赤色の線で描画
webサイトのプログラミングを書き換えても変わるのは自分の画面だけなのか
そうです.
アート生み出すプログラムコード プログラミング言語駆使し表現 神戸の男性が加西で作品展
コンピューターのプログラムコードから生まれた絵画や立体、動画などデジタルアート作品の個展「息するコード」が、加西市北条町北条のギャラリー「Void(ヴォイド)」で開かれている。作者は神戸市の高尾俊介さん(42)。「新しい表現方法を身近に感じてほしい」と話す。11月4日まで。(敏蔭潤子)
www.kobe-np.co.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
Please turn on JavaScript to use Paper in all of its awesomeness. ^_^
#03 p5.js入門(2)図形描画と色
雑談
動画資料
作例
ファイル名
URL