p5.js 100 samples
京都造形芸術大学
オープンレクチャー「クリエイティブコーディング：2020」
2020年3月16日（月）〜18日（水）
高尾俊介（甲南女子大学 メディア表現学科講師）
ID | タイトル | URL |
001 | 001_p5.js Web Editorの初期設定 | https://editor.p5js.org/takawo2020/sketches/Ulw58xEs |
002 | 002_コメントとプリント | https://editor.p5js.org/takawo2020/sketches/gzCrJROS |
003 | 003_点を打つ | https://editor.p5js.org/takawo2020/sketches/w5dkfBA7 |
004 | 004_線を引く | https://editor.p5js.org/takawo2020/sketches/XI17krUl |
005 | 005_背景の色を変える | https://editor.p5js.org/takawo2020/sketches/v-REXQ_O |
006 | 006_線の色を変える | https://editor.p5js.org/takawo2020/sketches/K5tJnpz5 |
007 | 007_円を描く | https://editor.p5js.org/takawo2020/sketches/4m-0-8xk |
008 | 008_塗りと線の色を変える | https://editor.p5js.org/takawo2020/sketches/je6YTuPk |
009 | 009_四角形を描く | https://editor.p5js.org/takawo2020/sketches/q0dlDjLB |
010 | 010_三角形を描く | https://editor.p5js.org/takawo2020/sketches/eF4mjFNK |
011 | 011_四辺形を描く | https://editor.p5js.org/takawo2020/sketches/eejA22iO |
012 | 012_円弧を描く | https://editor.p5js.org/takawo2020/sketches/llmSZJqV |
013 | 013_頂点登録して描画する | https://editor.p5js.org/takawo2020/sketches/LohjSStB |
014 | 014_変数 | https://editor.p5js.org/takawo2020/sketches/-rtFok9f |
015 | 015_変数の計算 | https://editor.p5js.org/takawo2020/sketches/mGBZ6Z4k |
016 | 016_四則演算 | https://editor.p5js.org/takawo2020/sketches/y5A8sag2 |
017 | 017_システム変数 | https://editor.p5js.org/takawo2020/sketches/_qThDddn |
018 | 018_変数を使った繰り返し | https://editor.p5js.org/takawo2020/sketches/v9X0xV5c |
019 | 019_様々な変数 | https://editor.p5js.org/takawo2020/sketches/wJOhdmt- |
020 | 020_条件分岐 | https://editor.p5js.org/takawo2020/sketches/tvRV7LdJ |
021 | 021_繰り返し | https://editor.p5js.org/takawo2020/sketches/pTw1l7EL |
022 | 022_繰り返し（2） | https://editor.p5js.org/takawo2020/sketches/I4JAAiRf |
023 | 023_繰り返し（3） | https://editor.p5js.org/takawo2020/sketches/c7O-XfBf |
024 | 024_繰り返し（4） | https://editor.p5js.org/takawo2020/sketches/xey7HDGY |
025 | 025_繰り返し（5） | https://editor.p5js.org/takawo2020/sketches/5SXGOrdC |
026 | 026_HSBでの色指定 | https://editor.p5js.org/takawo2020/sketches/p-5ZK3FC |
027 | 027_HSBでの色指定（2） | https://editor.p5js.org/takawo2020/sketches/hqqpsELZ |
028 | 028_HEXでの色指定 | https://editor.p5js.org/takawo2020/sketches/hXAqDJAc |
029 | 029_アニメーションの基本 | https://editor.p5js.org/takawo2020/sketches/b8NyYXbV |
030 | 030_アニメーションの基本（2） | https://editor.p5js.org/takawo2020/sketches/rEB7wUVS |
031 | 031_アニメーションの基本（3） | https://editor.p5js.org/takawo2020/sketches/PBn50ipL |
032 | 032_配列を使ったアニメーション | https://editor.p5js.org/takawo2020/sketches/ks_8JN4g |
033 | 033_クラスを使ったアニメーション | https://editor.p5js.org/takawo2020/sketches/nMnMdfcu |
034 | 034_マウスを使ったインタラクション | https://editor.p5js.org/takawo2020/sketches/TSALuIOg |
035 | 035_座標変換 | https://editor.p5js.org/takawo2020/sketches/siBBSpAy |
036 | 036_座標変換（2） | https://editor.p5js.org/takawo2020/sketches/HCMXYsgG |
037 | 037_10 PRINT | https://editor.p5js.org/takawo2020/sketches/XgVjhcEZ |
038 | 038_ランダム | https://editor.p5js.org/takawo2020/sketches/5neNJcgp |
039 | 039_ランダム（2） | https://editor.p5js.org/takawo2020/sketches/97C0Hiyc |
040 | 040_ランダムを使ったパターン | https://editor.p5js.org/takawo2020/sketches/3di6wc7Q |