Creative Coding 作品變化概念，有或沒有的差別，隨機性，色彩模式的調整...等

音樂藝文

創作

職場

<h2 class="lexical__h2" dir="ltr"><span style="white-space: pre-wrap;">有 V.S. 沒有</span></h2><ul class="lexical__ul"><li value="1" class="lexical__listItem"><span style="white-space: pre-wrap;">有顏色 沒有顏色 (fill &amp; noFill)</span></li><li value="2" class="lexical__listItem"><span style="white-space: pre-wrap;">有框線 沒有框線 (stroke &amp; noStroke)</span></li><li value="3" class="lexical__listItem"><span style="white-space: pre-wrap;">有陰影 沒有陰影 </span></li></ul><h2 class="lexical__h2" dir="ltr"><span style="white-space: pre-wrap;">不同模式切換</span></h2><ul class="lexical__ul"><li value="1" class="lexical__listItem"><span style="white-space: pre-wrap;">mode 1 ~ 3，每個 mode 做不同事，例如：mode 代表 3 種不同色系，或 3 種不同形狀等。</span></li></ul><p class="lexical__paragraph"><br></p><h2 class="lexical__h2" dir="ltr"><span style="white-space: pre-wrap;">色彩模式 colorMode</span></h2><p class="lexical__paragraph" dir="ltr"><span style="white-space: pre-wrap;">RGB v.s. HSB</span></p><p class="lexical__paragraph"><span style="white-space: pre-wrap;"> </span></p><h2 class="lexical__h2" dir="ltr"><span style="white-space: pre-wrap;">混合模式 </span><a href="https://p5js.org/zh-Hans/reference/#/p5/blendMode" target="_blank" rel="noreferrer noopener"><span style="white-space: pre-wrap;">blendMode</span></a></h2><p class="lexical__paragraph" dir="ltr"><code spellcheck="false" style="white-space: pre-wrap;"><span class="lexical__textCode">SCREEN</span></code><span style="white-space: pre-wrap;">、</span><code spellcheck="false" style="white-space: pre-wrap;"><span class="lexical__textCode">MULTIPLY</span></code><span style="white-space: pre-wrap;">...等 ​</span></p><p class="lexical__paragraph"><br></p><h2 class="lexical__h2" dir="ltr"><span style="white-space: pre-wrap;">數值變化</span></h2><ul class="lexical__ul"><li value="1" class="lexical__listItem"><span style="white-space: pre-wrap;">形狀數值大小</span></li></ul><p class="lexical__paragraph"><br></p><h2 class="lexical__h2" dir="ltr"><span style="white-space: pre-wrap;">隨機</span></h2><ul class="lexical__ul"><li value="1" class="lexical__listItem"><span style="white-space: pre-wrap;">random</span></li><li value="2" class="lexical__listItem"><span style="white-space: pre-wrap;">noise</span></li></ul>

Creative Coding 作品變化概念

以行動支持創作者！付費即可解鎖

軟體開發

來源影片：9.8: Random Circles with No Overlap - p5.js Tutorial
目標：想要畫隨機且不重疊的圓型

Creative Coding 作品變化概念

有 V.S. 沒有

不同模式切換

色彩模式 colorMode

混合模式 blendMode

數值變化

隨機