隨機不重疊的圓形 | 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 相關內容、作品
留言0
查看全部
avatar-img
發表第一個留言支持創作者!
Creative Coding 作品變化概念,有或沒有的差別,隨機性,色彩模式的調整...等
洗腦兒歌 蘑菇濃湯 cover 蘑菇濃湯 cover 配上用 p5.js 做的小動畫 點擊連結
Noise 是我從學 p5.js 一開始到現在最喜歡的一個函式,只要加上它,就會有種作品有了自我意識和生命的錯覺
Creative Coding 作品變化概念,有或沒有的差別,隨機性,色彩模式的調整...等
洗腦兒歌 蘑菇濃湯 cover 蘑菇濃湯 cover 配上用 p5.js 做的小動畫 點擊連結
Noise 是我從學 p5.js 一開始到現在最喜歡的一個函式,只要加上它,就會有種作品有了自我意識和生命的錯覺
本篇參與的主題活動
外遇是一場感情的試煉,撕裂了信任,也暴露了關係中的隱形裂縫。它讓人深陷傷痛與困惑,但同時也提供了一次重新審視自我與關係的機會。在這篇文章中,我們將深度解析外遇的成因、對愛情的影響,以及如何在裂痕中找到修復或重生的可能性,幫助你面對這場情感的挑戰,找到屬於自己的答案。
稍早跟朋友聊天,她向我詢問一個關於現階段她所遇到的一個選擇,目前找不到答案,一切混沌不明,問我她是不是一個「靈性沒有升級的」鬼打牆之人?電話打來的時候,恰好從行天宮參拜結束,我就一路從行天宮走到
有一頭鯨魚,到今天還一直在人們心中唱歌。牠從一生下來,聲音的頻率就比較高,有 52 赫茲那麼高。所以別的鯨魚聽不到牠的聲音,也聽不懂牠的意思。這頭音頻特殊的52 赫茲鯨魚,從被發現後就持續引起關注。科學家長期探尋,希望能找到其他的 52 赫茲鯨魚,據說後來真的有人發現一群「52 赫茲」在同時鳴唱。
  你心中有故事,卻不知道該怎麼表達出來?   你想寫小說,打開文檔,卻發現自己的腦袋跟word一樣空白?   你想動筆,卻發現每個人寫的小說都長得不太一樣,讓你無從參考?   那麼,這篇針對小說格式的教學文,應該可以幫上一點忙。   許多人都想寫小說,卻不是每個人都注重基本格式。然
外遇是一場感情的試煉,撕裂了信任,也暴露了關係中的隱形裂縫。它讓人深陷傷痛與困惑,但同時也提供了一次重新審視自我與關係的機會。在這篇文章中,我們將深度解析外遇的成因、對愛情的影響,以及如何在裂痕中找到修復或重生的可能性,幫助你面對這場情感的挑戰,找到屬於自己的答案。
稍早跟朋友聊天,她向我詢問一個關於現階段她所遇到的一個選擇,目前找不到答案,一切混沌不明,問我她是不是一個「靈性沒有升級的」鬼打牆之人?電話打來的時候,恰好從行天宮參拜結束,我就一路從行天宮走到
有一頭鯨魚,到今天還一直在人們心中唱歌。牠從一生下來,聲音的頻率就比較高,有 52 赫茲那麼高。所以別的鯨魚聽不到牠的聲音,也聽不懂牠的意思。這頭音頻特殊的52 赫茲鯨魚,從被發現後就持續引起關注。科學家長期探尋,希望能找到其他的 52 赫茲鯨魚,據說後來真的有人發現一群「52 赫茲」在同時鳴唱。
  你心中有故事,卻不知道該怎麼表達出來?   你想寫小說,打開文檔,卻發現自己的腦袋跟word一樣空白?   你想動筆,卻發現每個人寫的小說都長得不太一樣,讓你無從參考?   那麼,這篇針對小說格式的教學文,應該可以幫上一點忙。   許多人都想寫小說,卻不是每個人都注重基本格式。然
你可能也想看
Google News 追蹤
Thumbnail
現代社會跟以前不同了,人人都有一支手機,只要打開就可以獲得各種資訊。過去想要辦卡或是開戶就要跑一趟銀行,然而如今科技快速發展之下,金融App無聲無息地進到你生活中。但同樣的,每一家銀行都有自己的App時,我們又該如何選擇呢?(本文係由國泰世華銀行邀約) 今天我會用不同角度帶大家看這款國泰世華CUB
Thumbnail
嘿,大家新年快樂~ 新年大家都在做什麼呢? 跨年夜的我趕工製作某個外包設計案,在工作告一段落時趕上倒數。 然後和兩個小孩過了一個忙亂的元旦。在深夜時刻,看到朋友傳來的解籤網站,興致勃勃熬夜體驗了一下,覺得非常好玩,或許有人玩過了,但還是想寫上來分享紀錄一下~
Thumbnail
現代社會跟以前不同了,人人都有一支手機,只要打開就可以獲得各種資訊。過去想要辦卡或是開戶就要跑一趟銀行,然而如今科技快速發展之下,金融App無聲無息地進到你生活中。但同樣的,每一家銀行都有自己的App時,我們又該如何選擇呢?(本文係由國泰世華銀行邀約) 今天我會用不同角度帶大家看這款國泰世華CUB
Thumbnail
嘿,大家新年快樂~ 新年大家都在做什麼呢? 跨年夜的我趕工製作某個外包設計案,在工作告一段落時趕上倒數。 然後和兩個小孩過了一個忙亂的元旦。在深夜時刻,看到朋友傳來的解籤網站,興致勃勃熬夜體驗了一下,覺得非常好玩,或許有人玩過了,但還是想寫上來分享紀錄一下~