隨機不重疊的圓形 | p5.js

更新於 發佈於 閱讀時間約 1 分鐘
來源影片:9.8: Random Circles with No Overlap - p5.js Tutorial

目標:想要畫隨機且不重疊的圓型

如果直接用 random 賦予 x 和 y 的值 (圓的位置),很難避免重疊。其中一個方法 (影片中教的方法) 是看兩個圓心之間的距離有沒有大於或等於兩個圓的半徑相加,如果有就表示兩個圓沒有重疊。


使用 dist(x1, y1, x2, y2) 判斷兩點之間的距離。

把圓的資訊 (x, y, r) 存成物件,每個圓跟陣列中的圓依序比對,用 dist 判斷兩個圓是否重疊,沒重疊才加進陣列裡。

程式碼:https://openprocessing.org/sketch/2234139

主要放程式學習筆記,分享 Creative Coding 相關內容、作品
留言1
avatar-img
留言分享你的想法!

































































Creative Coding 作品變化概念,有或沒有的差別,隨機性,色彩模式的調整...等
洗腦兒歌 蘑菇濃湯 cover 蘑菇濃湯 cover 配上用 p5.js 做的小動畫 點擊連結
Noise 是我從學 p5.js 一開始到現在最喜歡的一個函式,只要加上它,就會有種作品有了自我意識和生命的錯覺
Creative Coding 作品變化概念,有或沒有的差別,隨機性,色彩模式的調整...等
洗腦兒歌 蘑菇濃湯 cover 蘑菇濃湯 cover 配上用 p5.js 做的小動畫 點擊連結
Noise 是我從學 p5.js 一開始到現在最喜歡的一個函式,只要加上它,就會有種作品有了自我意識和生命的錯覺
本篇參與的主題活動
Queen 方格女王是誰?所有為了女性而寫、身為女性而寫的創作者,都是 Queen! 來寫吧!為女性而寫!突破性別框架的日常經歷、職場挑戰、月經謠言終結者,凍卵、懷孕、育兒經驗分享⋯⋯所有成為「她」的人生抉擇,都值得紀錄。 voucs Queen 的一百萬種故事,因你而完整 😍
格友們好,vocus 作為內容平台,我們理解並重視社群互動與回饋對創作者的重要性。為了讓大家在回覆留言時可以更有效率、更直覺,幫助創作者與會員之間的互動更順暢,留言功能升級啦!
雖然已經過了一陣子(然後預算還算不出來到底刪了多少錢),但過年整理房間時翻到這張,還是廣傳一下金門立委陳玉珍的要飯說好了。她可能看錯了,我們手裡的是聚寶盆。 (明天2/19從斗六北上台北,若有在雲林金門人信任我可以約今天在斗六火車站請我轉交連署至造冊地點,我帶空白的給你寫也可以。)
在眾多寫作指南中,三浦紫苑的作品別具一格,強調寫作的核心在於品味。透過比喻料理的方式,她為新手作家提供了多方面的寫作建議,不僅涵蓋靈感與文風,還有結構與敘事的技巧。這篇文章探討瞭如何透過生活經驗增強個人品味,尋找寫作中的獨特風格,並鼓勵作家將內心的思考融入創作,創造出更具深度的作品。
當流量至上成為標準,性騷擾被輕描淡寫、受害者被噤聲,我們是否還能給孩子一個安全的未來?作為父親,我無法接受這種價值觀繼續影響下一代。我們該做的,不是遺忘,而是改變環境——拒絕縱容、用行動發聲,讓孩子知道「尊重是底線,說不是權利」。這不只是關於孫生,而是關於我們願意為未來的孩子守住什麼樣的世界。
在影視行銷中,一張海報的力量遠超過想像,它不只是劇集的視覺名片,更是一種敘事策略。《魷魚遊戲2》再次以強烈的「鮮豔童趣 vs 暗黑暴力」對比,將這部全球現象級劇集的獨特美學推向新高度。
Queen 方格女王是誰?所有為了女性而寫、身為女性而寫的創作者,都是 Queen! 來寫吧!為女性而寫!突破性別框架的日常經歷、職場挑戰、月經謠言終結者,凍卵、懷孕、育兒經驗分享⋯⋯所有成為「她」的人生抉擇,都值得紀錄。 voucs Queen 的一百萬種故事,因你而完整 😍
格友們好,vocus 作為內容平台,我們理解並重視社群互動與回饋對創作者的重要性。為了讓大家在回覆留言時可以更有效率、更直覺,幫助創作者與會員之間的互動更順暢,留言功能升級啦!
雖然已經過了一陣子(然後預算還算不出來到底刪了多少錢),但過年整理房間時翻到這張,還是廣傳一下金門立委陳玉珍的要飯說好了。她可能看錯了,我們手裡的是聚寶盆。 (明天2/19從斗六北上台北,若有在雲林金門人信任我可以約今天在斗六火車站請我轉交連署至造冊地點,我帶空白的給你寫也可以。)
在眾多寫作指南中,三浦紫苑的作品別具一格,強調寫作的核心在於品味。透過比喻料理的方式,她為新手作家提供了多方面的寫作建議,不僅涵蓋靈感與文風,還有結構與敘事的技巧。這篇文章探討瞭如何透過生活經驗增強個人品味,尋找寫作中的獨特風格,並鼓勵作家將內心的思考融入創作,創造出更具深度的作品。
當流量至上成為標準,性騷擾被輕描淡寫、受害者被噤聲,我們是否還能給孩子一個安全的未來?作為父親,我無法接受這種價值觀繼續影響下一代。我們該做的,不是遺忘,而是改變環境——拒絕縱容、用行動發聲,讓孩子知道「尊重是底線,說不是權利」。這不只是關於孫生,而是關於我們願意為未來的孩子守住什麼樣的世界。
在影視行銷中,一張海報的力量遠超過想像,它不只是劇集的視覺名片,更是一種敘事策略。《魷魚遊戲2》再次以強烈的「鮮豔童趣 vs 暗黑暴力」對比,將這部全球現象級劇集的獨特美學推向新高度。
你可能也想看
Google News 追蹤