# p5js creativecoding javascript processing generativeart グラフィックデザイン イラスト

画面を行と列の方向で分割し，区画ごとにグラフィックを配置する．グラフィックは幾何学図形を並べるように配置し，グラデーションで塗り分ける．https://t.co/hyP7i3a6SG

1 23
2020-10-10

画面の内部を格子状に分割し，グラフィックを配置する．グラフィックはA，Bの2層からなり，それぞれ各格子の内部に塗り分けた角丸長方形を敷き詰め，AをBでマスクする．#p5js https://t.co/oWfor747EG

0 26
2020-10-06

画面内の領域を格子状に分割し，グラフィックを配置する．グラフィックは正方形を縦横いずれかに2分割した長方形を更に2つに分割し，計4つの区画にランダムな角丸の地長方形を塗り分けて描画する．#p5js https://t.co/uMh9GFlfU4

2 34
2020-09-30

朝から不思議な構造物をランダム生成🙂 描画のラフさも色々バリエーション！左下みたいなホロホロした感じが結構気に入ってます。#グラフィックデザイン

1 31
2020-09-29

画面上に複数の点を打ち，順番に線でつなぐ．3点で作られる角ごとに円弧を配置し，ランダムな角度で分割し色で塗り分ける．また時間経過で大きさが振幅する．https://t.co/isSPhFVnwu

22 231
2020-09-27

画面の中心に周期的に拡大縮小を繰り返す円を描画する．円は一定数を重ねて描画し，順番と時間経過によってグラデーションで塗り分ける．それぞれの円は順番と時間経過を基にしたノイズで，次第に中心から離れていく．#p5js https://t.co/zTLqXHQQOZ

4 55
2020-09-17

2層からなるグラフィックを作成する．2層のレイヤーはともに画面内の領域を格子状に分割し，区画ごとの正方形を平行四辺形で分ったものと，同心円を塗り分けたもので，後者を前者でマスクする．#p5js https://t.co/Blaryh9WWe

4 22
2020-09-08

画面を再帰的に分割し，区画ごとにグラフィックを配置する．グラフィックは複数のレイヤーからなり，区画内で縮小する円をレイヤーごとに消した後に重ねることで穴あき状にする．#p5js https://t.co/6QQZC6riGy

3 17
2020-09-07

中心を同じくする正六角形をタイル状に重ねて敷き詰め，更にその内部に3つの正六角形を重ねて描画する．色はパターンと鳴るように塗り分ける．#p5js https://t.co/V8POuPxcPo

3 27
2020-09-06

canvasに次第に拡大する円を描画しながら，これまでの描画自体をコピーして新しい描画でマスクする．円は予め作成した色のパレットで塗り分ける．https://t.co/53N5pUtvIZ

1 23
2020-08-30