有 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
目標：想要畫隨機且不重疊的圓型
#創作 的其他內容
你可能也想看
每次出國旅行，最讓人頭痛的就是要穿什麼？
不同國家的氣候差很大，從零下低溫到艷陽高照，一趟旅程可能要準備兩季的衣服！
這次我整理出我出國最愛帶的 WIWI 輕旅穿搭清單，全部都能在 蝦皮雙11活動 期間用超優惠價格入手，還能同時參加 蝦皮分潤計畫，一邊分享一邊賺旅費 💰
雙11優惠懶人包：
每次出國旅行，最讓人頭痛的就是要穿什麼？
不同國家的氣候差很大，從零下低溫到艷陽高照，一趟旅程可能要準備兩季的衣服！
這次我整理出我出國最愛帶的 WIWI 輕旅穿搭清單，全部都能在 蝦皮雙11活動 期間用超優惠價格入手，還能同時參加 蝦皮分潤計畫，一邊分享一邊賺旅費 💰
雙11優惠懶人包：
大家好久不見，趁著連假有時間寫文來分享我這陣子的近況～
大約 8 月中後的時候，我自己去了一小趟的釜山+福岡獨旅，主要是因為想讓自己沈澱放鬆，也加上自己好久沒有好好休息，所以希望可以有一段自己的時間。
當然，也因為這次是獨自出發，所以身為小小自媒體工作者還是會需要拍照記錄一下生活，所以這次旅程還
大家好久不見，趁著連假有時間寫文來分享我這陣子的近況～
大約 8 月中後的時候，我自己去了一小趟的釜山+福岡獨旅，主要是因為想讓自己沈澱放鬆，也加上自己好久沒有好好休息，所以希望可以有一段自己的時間。
當然，也因為這次是獨自出發，所以身為小小自媒體工作者還是會需要拍照記錄一下生活，所以這次旅程還
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 作品變化概念，有或沒有的差別，隨機性，色彩模式的調整...等
程式設計中不可或缺的一部分
介面是使用者與程式互動的媒介，因此介面的設計會影響使用者的體驗和感受。一個清晰明白、易懂的介面，可以讓使用者輕鬆地使用程式，並獲得良好的使用體驗。
需要與程式設計師密切溝通
設計師需要了解程式的功能和需求，並根據使用者的習慣和需求進行設計。設計師和程式設計師之間的溝
程式設計中不可或缺的一部分
介面是使用者與程式互動的媒介，因此介面的設計會影響使用者的體驗和感受。一個清晰明白、易懂的介面，可以讓使用者輕鬆地使用程式，並獲得良好的使用體驗。
需要與程式設計師密切溝通
設計師需要了解程式的功能和需求，並根據使用者的習慣和需求進行設計。設計師和程式設計師之間的溝