點擊圓形隨機變色 | p5.js

閱讀時間約 1 分鐘

程式碼

dist()

隨機不重疊的圓形 | p5.js 變化版,dist() 除了用來判斷兩個圓是否重疊,也可以拿來判斷滑鼠在哪個圓內。

滑鼠跟圓心的距離如果小於圓形半徑,表示滑鼠在圓內,回傳 boolean 值,用來決定要不要變更顏色。

function mouseInCircle(circle) {
return dist(mouseX, mouseY, circle.x, circle.y) < circle.r;
}


random()

p5.js 的 random() 除了可以隨機取得範圍內的數值,例如:random(50)、random(-10, 100),也可以隨機取得陣列的值,這個作品用來隨機取得顏色,先創建色彩陣列,再透過 random(陣列)取隨機值。

const colors = ["#ccd5ae", "#e9edc9", "#fefae0", "#faedcd", "#d4a373"];
random(colors);


mousePressed()

偵測滑鼠點擊,點擊後執行內部程式碼

function mousePressed() {
for (let a=0; a<circles.length; a++) {
if (mouseInCircle(circles[a])) {
circles[a].clr = random(colors2)
}
}
}
主要放程式學習筆記,分享 Creative Coding 相關內容、作品
留言0
查看全部
發表第一個留言支持創作者!
Less Is More 少即是多
閱讀時間約 1 分鐘
今晚我想來點【蘑菇濃湯】
閱讀時間約 1 分鐘
Creative Coding 資源彙整
閱讀時間約 1 分鐘
Creative Coding 作品變化概念
閱讀時間約 1 分鐘
隨機不重疊的圓形 | p5.js
閱讀時間約 1 分鐘
你可能也想看
[新北旅遊]三重區碧華街,乘載台灣經濟高點歷史發展遺跡園區,一條走過台灣輝煌經濟發展歷史記憶的一條街​布料是現代人生活必需品,但隨著成衣業發達,現在很少人買布縫衣,都是買大量便宜成衣。所以傳統布莊逐漸式微,但是不代表傳統布莊沒有市場利基存在。從台灣各地還是有不少傳統布莊、這篇來介紹見證台曾經是成衣王國歷史年代的一個地方;那就是新北市三重區碧華街。 新北市三重區碧華街相關資訊:: ​地址: 新
Thumbnail
avatar
bravejim
2024-03-29
資源基礎觀點(RBV)與數位轉型美國達特茅斯塔克商學院的康斯坦斯・赫爾法特(Constance E. Helfat)教授等人於2023年3月在《策略管理期刊》(Strategic Management Journal)上發表了一篇題為〈資源基礎觀點新論:新情境、新概念和新方法〉(Renewing the resource-base
avatar
黃揚博
2023-12-05
《機緣力》|將點與點串連起來的能力在 中,提及我們需要將決策後的結果,各自歸因技巧與運氣層面,並針對我們可以繼續精進的技巧著墨。 而運氣的部分,真的只能看天了嗎?機緣力這本書,反而提出了創造好運的技巧,透過認知心理學的理論與案例,帶我們從另一個角度來看運氣。 機緣力是什麼 機緣力(Serendipity)這個詞,最早是來自於一
Thumbnail
avatar
Yuki
2023-09-07
日本自由行|名古屋住宿、美食、景點(矢場味噌豬排、世界の山雞翅、白鳥庭園)AIRASIA 全亞航 名古屋住宿(TKP名古屋頭等艙膠囊旅館) 美食(矢場味噌豬排、世界の山雞翅、SEVEENTEEN ICE甜筒) 景點(白鳥庭園)
Thumbnail
avatar
Denim看世界
2023-07-08
差點被原機遣返?|拉拉手環遊世界厄瓜多首都基多 Quito 機場,時間約凌晨 12 點多。原本預計 11 點起飛的班機因零件維修而延誤,候機室躺的躺、倒的倒。
Thumbnail
avatar
喬安納
2023-05-13
歐元區將加息50基點,結束近十年的“負利率”時代5月31日,歐盟統計局公佈了初步估計的歐元區5月通脹數據。歐元區本月消費者價格指數同比上漲8.1%,繼4月該指數同比上漲7.4%之後,再次刷新歐元區成立以來的歷史紀錄,也超出了此前外界預測的7.7%。 由於各國本身能源價格的迥異以及對國際能源依賴程度的不同,各國的通脹數據大相徑庭。
Thumbnail
avatar
JRFX_Official
2022-06-01
陳宗元觀點:塩酥雞法學─今天我們不談死刑好嗎?原文發表時間2017-03-29 07:10 司法改革國是會議第3組在3月22日的第3次會議中,會議一開始陳重言委員提出臨時動議,希望能夠將死刑存廢的議題納入該組的議程中討論,到了會議結束前,經過一番討論後,表決結果僅5人同意將死刑相關議題列入議程,其餘委員均未贊成或反對,故死刑存廢議題再度被擱置。
avatar
陳宗元律師
2021-11-10
陳宗元觀點:塩酥雞法學─有感司改,謬哉法皇原文發表時間2017-03-22 07:10 近日李念祖律師及林孟皇法官相繼投書,批評檢察官權力過大,要求將刑事訴訟法中所有的強制處分權改為全面法官保留,亦即均由法官事前審查許可,檢察官只有聲請權。對於這樣的改革要求,其實我沒有意見,但對於其二人主張的論據,我很有意見。以下簡評之: 一、法律保留原則
avatar
陳宗元律師
2021-11-10