前からやりたかったんだけど、イマイチ理解できずに今に至るので、今度こそちゃんとやる。
いろんなサイトのコードを眺めていると大きく
a. blendMode(SCREEN or ADD)で少しずつ色を重ねる b. aより粗目のグラデーションにしてfilter(BLUR)をかける c. ピクセルごとに値を計算して入れていく
の3つの方法があるようだった。
基本的には中心を明るくして徐々に暗くしていけばよいわけだ。
で、試してみた結果が以下。
glow1
glow2
glow3
glow4
これで今後は光らせたい時に困らずにすみそう。
コード
- https://github.com/tnantoka/p5-sandbox/blob/main/src/sketches/glow1.ts
- https://github.com/tnantoka/p5-sandbox/blob/main/src/sketches/glow2.ts
- https://github.com/tnantoka/p5-sandbox/blob/main/src/sketches/glow3.ts
- https://github.com/tnantoka/p5-sandbox/blob/main/src/sketches/glow4.ts
参考
https://note.com/deconbatch/n/nadd699e04580
https://scrapbox.io/zakuni/Processing%E3%81%AE%E7%99%BA%E5%85%89%E8%A1%A8%E7%8F%BE