p5.js 100 samples
京都造形芸術大学
オープンレクチャー「クリエイティブコーディング:2020」
2020年3月16日(月)〜18日(水)

高尾俊介(甲南女子大学 メディア表現学科講師)

 
ID
タイトル
URL
001
001_p5.js Web Editorの初期設定
002
002_コメントとプリント
003
003_点を打つ
004
004_線を引く
005
005_背景の色を変える
006
006_線の色を変える
007
007_円を描く
008
008_塗りと線の色を変える
009
009_四角形を描く
010
010_三角形を描く
011
011_四辺形を描く
012
012_円弧を描く
013
013_頂点登録して描画する
014
014_変数
015
015_変数の計算
016
016_四則演算
017
017_システム変数
018
018_変数を使った繰り返し
019
019_様々な変数
020
020_条件分岐
021
021_繰り返し
022
022_繰り返し(2)
023
023_繰り返し(3)
024
024_繰り返し(4)
025
025_繰り返し(5)
026
026_HSBでの色指定
027
027_HSBでの色指定(2)
028
028_HEXでの色指定
029
029_アニメーションの基本
030
030_アニメーションの基本(2)
031
031_アニメーションの基本(3)
032
032_配列を使ったアニメーション
033
033_クラスを使ったアニメーション
034
034_マウスを使ったインタラクション
035
035_座標変換
036
036_座標変換(2)
037
037_10 PRINT
038
038_ランダム
039
039_ランダム(2)
040
040_ランダムを使ったパターン
041
041_座標変換とマウスを使ったインタラクション