有 V.S. 沒有
- 有顏色 沒有顏色 (fill & noFill)
- 有框線 沒有框線 (stroke & noStroke)
- 有陰影 沒有陰影
不同模式切換
- mode 1 ~ 3，每個 mode 做不同事，例如：mode 代表 3 種不同色系，或 3 種不同形狀等。
色彩模式 colorMode
RGB v.s. HSB
混合模式 blendMode
SCREEN、MULTIPLY...等
數值變化
- 形狀數值大小
隨機
- random
- noise
Creative Coding 作品變化概念
留言
留言分享你的想法！
阿榮 | 前端 ~ 互動藝術程式
2會員
39內容數
主要放程式學習筆記，分享 Creative Coding 相關內容、作品
阿榮 | 前端 ~ 互動藝術程式的其他內容
2024/04/11
向量 vector: magnitude 量 + direction 方向
2024/04/11
向量 vector: magnitude 量 + direction 方向
2024/04/11
隨機不重疊的圓形 | p5.js 變化版，dist() 除了用來判斷兩個圓是否重疊，也可以拿來判斷滑鼠在哪個圓內。
2024/04/11
隨機不重疊的圓形 | p5.js 變化版，dist() 除了用來判斷兩個圓是否重疊，也可以拿來判斷滑鼠在哪個圓內。
2024/04/09
來源影片：9.8: Random Circles with No Overlap - p5.js Tutorial
目標：想要畫隨機且不重疊的圓型
2024/04/09
來源影片：9.8: Random Circles with No Overlap - p5.js Tutorial
目標：想要畫隨機且不重疊的圓型
#創作 的其他內容
你可能也想看
2025 vocus 推出最受矚目的活動之一——《開箱你的美好生活》，我們跟著創作者一起「開箱」各種故事、景點、餐廳、超值好物⋯⋯甚至那些讓人會心一笑的生活小廢物；這次活動不僅送出了許多獎勵，也反映了「內容有價」——創作不只是分享、紀錄，也能用各種不同形式變現、帶來實際收入。
2025 vocus 推出最受矚目的活動之一——《開箱你的美好生活》，我們跟著創作者一起「開箱」各種故事、景點、餐廳、超值好物⋯⋯甚至那些讓人會心一笑的生活小廢物；這次活動不僅送出了許多獎勵，也反映了「內容有價」——創作不只是分享、紀錄，也能用各種不同形式變現、帶來實際收入。
嗨！歡迎來到 vocus
vocus 方格子是台灣最大的內容創作與知識變現平台，並且計畫持續拓展東南亞等等國際市場。我們致力於打造讓創作者能夠自由發表、累積影響力並獲得實質收益的創作生態圈！「創作至上」是我們的核心價值，我們致力於透過平台功能與服務，賦予創作者更多的可能。
vocus 平台匯聚了
嗨！歡迎來到 vocus
vocus 方格子是台灣最大的內容創作與知識變現平台，並且計畫持續拓展東南亞等等國際市場。我們致力於打造讓創作者能夠自由發表、累積影響力並獲得實質收益的創作生態圈！「創作至上」是我們的核心價值，我們致力於透過平台功能與服務，賦予創作者更多的可能。
vocus 平台匯聚了
CSS 是控制網頁外觀的語言，應用於網頁設計、UI/UX 設計、電子商務和移動應用開發。主要使用者包括前端開發者、UI/UX 設計師和網頁設計師。CSS 的特性有樣式控制、層疊優先級、響應式設計及分離內容與樣式。
CSS 是控制網頁外觀的語言，應用於網頁設計、UI/UX 設計、電子商務和移動應用開發。主要使用者包括前端開發者、UI/UX 設計師和網頁設計師。CSS 的特性有樣式控制、層疊優先級、響應式設計及分離內容與樣式。
本文介紹了在網站開發中如何運用狀態機的原則和設計方法。通過具體案例分析，以及狀態和數據的區分，詳細介紹了狀態機的設計原則和應用。讀者可以通過本文瞭解如何將狀態機應用於實際的網站開發中。
本文介紹了在網站開發中如何運用狀態機的原則和設計方法。通過具體案例分析，以及狀態和數據的區分，詳細介紹了狀態機的設計原則和應用。讀者可以通過本文瞭解如何將狀態機應用於實際的網站開發中。
因為最近想嘗試編碼風格，於是就選了一套比較"不嚴格"的輔助工具來摸索。
編輯器 VS CODE
框架 VUE3
打包工具 VITE
編碼風格 Standard
環境 version
{
"nodejs":"v18.18.0",
"npm":"9.8.1"
}
因為最近想嘗試編碼風格，於是就選了一套比較"不嚴格"的輔助工具來摸索。
編輯器 VS CODE
框架 VUE3
打包工具 VITE
編碼風格 Standard
環境 version
{
"nodejs":"v18.18.0",
"npm":"9.8.1"
}
JavaScript是一種具有動態型別、弱型別、原型繼承等特性的高級腳本語言，應用範圍廣泛，包括前端開發、後端開發、移動應用等。它被各種公司和開源社區廣泛使用。學習JavaScript需要掌握ECMAScript標準、異步編程、模塊系統等知識。
JavaScript是一種具有動態型別、弱型別、原型繼承等特性的高級腳本語言，應用範圍廣泛，包括前端開發、後端開發、移動應用等。它被各種公司和開源社區廣泛使用。學習JavaScript需要掌握ECMAScript標準、異步編程、模塊系統等知識。
上篇我們已經把風格融入在一個網路之中，實現了訓練一次就可以轉換不同的圖片成我們訓練的風格，但是這樣還不夠，因為這樣每個風格都得訓練一個網路來轉換，太浪費了，那麼，我們有沒有辦法在同一個網路中訓練多個風格呢?
上篇我們已經把風格融入在一個網路之中，實現了訓練一次就可以轉換不同的圖片成我們訓練的風格，但是這樣還不夠，因為這樣每個風格都得訓練一個網路來轉換，太浪費了，那麼，我們有沒有辦法在同一個網路中訓練多個風格呢?
觀察者模式透過主題訂閱/訊息通知的機制，極度增強系統的可擴展性、靈活性以及降低組件間的耦合度。概念直觀簡單，是非常實用的設計模式。
觀察者模式透過主題訂閱/訊息通知的機制，極度增強系統的可擴展性、靈活性以及降低組件間的耦合度。概念直觀簡單，是非常實用的設計模式。
Creative Coding 作品變化概念，有或沒有的差別，隨機性，色彩模式的調整...等
Creative Coding 作品變化概念，有或沒有的差別，隨機性，色彩模式的調整...等
程式設計中不可或缺的一部分
介面是使用者與程式互動的媒介，因此介面的設計會影響使用者的體驗和感受。一個清晰明白、易懂的介面，可以讓使用者輕鬆地使用程式，並獲得良好的使用體驗。
需要與程式設計師密切溝通
設計師需要了解程式的功能和需求，並根據使用者的習慣和需求進行設計。設計師和程式設計師之間的溝
程式設計中不可或缺的一部分
介面是使用者與程式互動的媒介，因此介面的設計會影響使用者的體驗和感受。一個清晰明白、易懂的介面，可以讓使用者輕鬆地使用程式，並獲得良好的使用體驗。
需要與程式設計師密切溝通
設計師需要了解程式的功能和需求，並根據使用者的習慣和需求進行設計。設計師和程式設計師之間的溝