點擊圓形隨機變色 | p5.js
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)
}
}
}
留言0
查看全部
本篇參與的主題活動
雖然已經過了一陣子（然後預算還算不出來到底刪了多少錢），但過年整理房間時翻到這張，還是廣傳一下金門立委陳玉珍的要飯說好了。她可能看錯了，我們手裡的是聚寶盆。
（明天2/19從斗六北上台北，若有在雲林金門人信任我可以約今天在斗六火車站請我轉交連署至造冊地點，我帶空白的給你寫也可以。）
當流量至上成為標準，性騷擾被輕描淡寫、受害者被噤聲，我們是否還能給孩子一個安全的未來？作為父親，我無法接受這種價值觀繼續影響下一代。我們該做的，不是遺忘，而是改變環境——拒絕縱容、用行動發聲，讓孩子知道「尊重是底線，說不是權利」。這不只是關於孫生，而是關於我們願意為未來的孩子守住什麼樣的世界。
在影視行銷中，一張海報的力量遠超過想像，它不只是劇集的視覺名片，更是一種敘事策略。《魷魚遊戲2》再次以強烈的「鮮豔童趣 vs 暗黑暴力」對比，將這部全球現象級劇集的獨特美學推向新高度。
今晚，就來和訂閱制讀者分享新書楔子的三分之一。原本想要把楔子整個貼上來，卻發現楔子就有六千多字，所以決定還是放三分之一就好。其實現在看這些，都覺得和自己判若兩人，有的地方連自己都不敢看下去——原來高瑞希，過去活得這麼不開心。
前天訂閱制讀者表達課第二期開班，因為感冒無法帶課，所以事先錄製了講解
薪水的高低，從來不是努力的問題，而是思維的選擇。年薪百萬的人，不是單靠埋頭苦幹，而是透過「創造價值」決定自己的價格。他們懂得提升不可取代性、創造多重收入、主動尋找機會、投資自己，讓財富加速成長。與其等加薪，不如掌握「決定薪資的能力」。這篇文章，讓你看清真正的收入差距，從現在開始，為自己創造更高價值！
雖然已經過了一陣子（然後預算還算不出來到底刪了多少錢），但過年整理房間時翻到這張，還是廣傳一下金門立委陳玉珍的要飯說好了。她可能看錯了，我們手裡的是聚寶盆。
（明天2/19從斗六北上台北，若有在雲林金門人信任我可以約今天在斗六火車站請我轉交連署至造冊地點，我帶空白的給你寫也可以。）
當流量至上成為標準，性騷擾被輕描淡寫、受害者被噤聲，我們是否還能給孩子一個安全的未來？作為父親，我無法接受這種價值觀繼續影響下一代。我們該做的，不是遺忘，而是改變環境——拒絕縱容、用行動發聲，讓孩子知道「尊重是底線，說不是權利」。這不只是關於孫生，而是關於我們願意為未來的孩子守住什麼樣的世界。
在影視行銷中，一張海報的力量遠超過想像，它不只是劇集的視覺名片，更是一種敘事策略。《魷魚遊戲2》再次以強烈的「鮮豔童趣 vs 暗黑暴力」對比，將這部全球現象級劇集的獨特美學推向新高度。
今晚，就來和訂閱制讀者分享新書楔子的三分之一。原本想要把楔子整個貼上來，卻發現楔子就有六千多字，所以決定還是放三分之一就好。其實現在看這些，都覺得和自己判若兩人，有的地方連自己都不敢看下去——原來高瑞希，過去活得這麼不開心。
前天訂閱制讀者表達課第二期開班，因為感冒無法帶課，所以事先錄製了講解
薪水的高低，從來不是努力的問題，而是思維的選擇。年薪百萬的人，不是單靠埋頭苦幹，而是透過「創造價值」決定自己的價格。他們懂得提升不可取代性、創造多重收入、主動尋找機會、投資自己，讓財富加速成長。與其等加薪，不如掌握「決定薪資的能力」。這篇文章，讓你看清真正的收入差距，從現在開始，為自己創造更高價值！
