隨機不重疊的圓形 | 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
查看全部
發表第一個留言支持創作者!
Creative Coding 作品變化概念,有或沒有的差別,隨機性,色彩模式的調整...等
洗腦兒歌 蘑菇濃湯 cover 蘑菇濃湯 cover 配上用 p5.js 做的小動畫 點擊連結
Noise 是我從學 p5.js 一開始到現在最喜歡的一個函式,只要加上它,就會有種作品有了自我意識和生命的錯覺
Creative Coding 作品變化概念,有或沒有的差別,隨機性,色彩模式的調整...等
洗腦兒歌 蘑菇濃湯 cover 蘑菇濃湯 cover 配上用 p5.js 做的小動畫 點擊連結
Noise 是我從學 p5.js 一開始到現在最喜歡的一個函式,只要加上它,就會有種作品有了自我意識和生命的錯覺
本篇參與的主題策展
時間是2123年,那是一個下著雨的夜晚,冷風一波接著一波颳起,碩大的雨滴一滴滴地落在金屬上。多拉格睜開了雙眼,眼前是一扇窗戶,窗外一片黑暗,他發現自己在一個狹窄的空間裡,那是一個冷凍艙……
不再證明了/不再為了那些不証自明的事情/焚燒,或凋萎/房間逼仄但內心昶亮/虔恭迎接每個早上/晨光穿窗而來
前言 宇希333年 現在是第14號地球世界的火曆2309年。 病毒「無」專門吞噬「感情」、「感覺」、「愛」、「希望」,大部份被感染的人都無法呈現臉部表情,人類也越來越冷漠。 幸虧第14號地球的科技相當發達,腦細胞可以連線面具讓人可以戴著精緻的面具過活,戴面具的人只要用想的就可以呈現臉部的表情。
以為擁有的 / 其實尚未 / 以為失去的 / 或許換成了另一種獲得
拓荒者,你好: 當你從冷凍艙甦醒後,應該就會看到這封信。我原本奉命,負責引導你了解周遭環境和上層賦予你的任務,但很不巧地,上層臨時指派我其他重要工作,我不得不將引導的任務交付這座觀測站的中央人工智慧,並留下這封信給你。 我今天時間有限,只能引導你到此。期待有機會再相逢。祝你好運,拓荒者。
聖泉,那是最好的東西,也是最壞的東西。 它能讓任何人實現任何願望,所以人們說它是最好的東西。 但傳說尋找聖泉的路上,人們往往會失去對他們來說,最重要的東西。 即使如此,天下人仍紛紛爭先恐後搶奪,踩著彼此的屍體尋找那未知的存在。即便是未知,眾人仍是願意為了那美麗虛幻的存在以身犯險,寧可溺斃於聖泉的傳說
時間是2123年,那是一個下著雨的夜晚,冷風一波接著一波颳起,碩大的雨滴一滴滴地落在金屬上。多拉格睜開了雙眼,眼前是一扇窗戶,窗外一片黑暗,他發現自己在一個狹窄的空間裡,那是一個冷凍艙……
不再證明了/不再為了那些不証自明的事情/焚燒,或凋萎/房間逼仄但內心昶亮/虔恭迎接每個早上/晨光穿窗而來
前言 宇希333年 現在是第14號地球世界的火曆2309年。 病毒「無」專門吞噬「感情」、「感覺」、「愛」、「希望」,大部份被感染的人都無法呈現臉部表情,人類也越來越冷漠。 幸虧第14號地球的科技相當發達,腦細胞可以連線面具讓人可以戴著精緻的面具過活,戴面具的人只要用想的就可以呈現臉部的表情。
以為擁有的 / 其實尚未 / 以為失去的 / 或許換成了另一種獲得
拓荒者,你好: 當你從冷凍艙甦醒後,應該就會看到這封信。我原本奉命,負責引導你了解周遭環境和上層賦予你的任務,但很不巧地,上層臨時指派我其他重要工作,我不得不將引導的任務交付這座觀測站的中央人工智慧,並留下這封信給你。 我今天時間有限,只能引導你到此。期待有機會再相逢。祝你好運,拓荒者。
聖泉,那是最好的東西,也是最壞的東西。 它能讓任何人實現任何願望,所以人們說它是最好的東西。 但傳說尋找聖泉的路上,人們往往會失去對他們來說,最重要的東西。 即使如此,天下人仍紛紛爭先恐後搶奪,踩著彼此的屍體尋找那未知的存在。即便是未知,眾人仍是願意為了那美麗虛幻的存在以身犯險,寧可溺斃於聖泉的傳說
你可能也想看
Thumbnail
重點摘要: 1.9 月降息 2 碼、進一步暗示年內還有 50 bp 降息 2.SEP 上修失業率預期,但快速的降息速率將有助失業率觸頂 3.未來幾個月經濟數據將繼續轉弱,經濟復甦的時點或是 1Q25 季底附近
Thumbnail
近期的「貼文發佈流程 & 版型大更新」功能大家使用了嗎? 新版式整體視覺上「更加凸顯圖片」,為了搭配這次的更新,我們推出首次貼文策展 ❤️ 使用貼文功能並完成這次的指定任務,還有機會獲得富士即可拍,讓你的美好回憶都可以用即可拍珍藏!
Thumbnail
一言。實戰搏擊瞬間演作隨機測不準 真正實戰搏擊格鬥皆是隨機瞬間演作測不準無限可能性。 必須至誠體認此點。沒有套路。沒安排好練習過。 你應該知道要做什麼了。
Thumbnail
人類對於未來的不確定性多半帶有恐懼,也因為如此才有許多命理師、星相師、預言師替大家事先預告未來的走勢,但當事情真的發展不如預期的時候,我們是否會重新思考過去到底是哪個環節出了差錯?有沒有可能採取一些行動或措施讓失敗或損害降到最低呢? 在《隨機思維》這本書中告訴我們可以把「不確定」當成是機會的來
Thumbnail
這次要推薦的是我之前介紹過而且很喜歡的台灣遊戲《蔓不生長》手機版,沒錯,獲得三項金獎的好遊戲值得再度推薦!本作是3D關卡解謎遊戲,移植到手機後,更方便遊玩了,不僅保留原汁原味的關卡趣味,畫面也配合手機性能進行調整與優化,讓場景依然美麗,又能在手機上流暢運行,非常適合大家通勤時或休息時,隨時拿出來動腦
Thumbnail
近期媒體大量的在談去美元化的議題,這種運用媒體販售恐慌、販售焦慮的手段算是市場大戶「政府或機構」想要控制市場、洗腦一般人最好的方式啦! 不曉得各位有沒有在這波恐慌中被影響,好想趕快逃離美元、逃離美國的控制勒!
Thumbnail
在時間的長廊中,有時我們不必非得「做些什麼」,只是純粹去聆聽,或許便有機會找到內心中,屬於自己的答案。
Thumbnail
「你去弄幾套桌遊來。週六需要。」我一本正經的指示。 「……?」職代妹一臉不解。不過因為最近中午的吃飯團最後都變成桌遊團,她好像懂了什麼,馬上回頭去跟幾位同仁搜刮桌遊。 「什麼桌遊?」課長湊過來,糟糕,被聽到了。
Thumbnail
重點摘要: 1.9 月降息 2 碼、進一步暗示年內還有 50 bp 降息 2.SEP 上修失業率預期,但快速的降息速率將有助失業率觸頂 3.未來幾個月經濟數據將繼續轉弱,經濟復甦的時點或是 1Q25 季底附近
Thumbnail
近期的「貼文發佈流程 & 版型大更新」功能大家使用了嗎? 新版式整體視覺上「更加凸顯圖片」,為了搭配這次的更新,我們推出首次貼文策展 ❤️ 使用貼文功能並完成這次的指定任務,還有機會獲得富士即可拍,讓你的美好回憶都可以用即可拍珍藏!
Thumbnail
一言。實戰搏擊瞬間演作隨機測不準 真正實戰搏擊格鬥皆是隨機瞬間演作測不準無限可能性。 必須至誠體認此點。沒有套路。沒安排好練習過。 你應該知道要做什麼了。
Thumbnail
人類對於未來的不確定性多半帶有恐懼,也因為如此才有許多命理師、星相師、預言師替大家事先預告未來的走勢,但當事情真的發展不如預期的時候,我們是否會重新思考過去到底是哪個環節出了差錯?有沒有可能採取一些行動或措施讓失敗或損害降到最低呢? 在《隨機思維》這本書中告訴我們可以把「不確定」當成是機會的來
Thumbnail
這次要推薦的是我之前介紹過而且很喜歡的台灣遊戲《蔓不生長》手機版,沒錯,獲得三項金獎的好遊戲值得再度推薦!本作是3D關卡解謎遊戲,移植到手機後,更方便遊玩了,不僅保留原汁原味的關卡趣味,畫面也配合手機性能進行調整與優化,讓場景依然美麗,又能在手機上流暢運行,非常適合大家通勤時或休息時,隨時拿出來動腦
Thumbnail
近期媒體大量的在談去美元化的議題,這種運用媒體販售恐慌、販售焦慮的手段算是市場大戶「政府或機構」想要控制市場、洗腦一般人最好的方式啦! 不曉得各位有沒有在這波恐慌中被影響,好想趕快逃離美元、逃離美國的控制勒!
Thumbnail
在時間的長廊中,有時我們不必非得「做些什麼」,只是純粹去聆聽,或許便有機會找到內心中,屬於自己的答案。
Thumbnail
「你去弄幾套桌遊來。週六需要。」我一本正經的指示。 「……?」職代妹一臉不解。不過因為最近中午的吃飯團最後都變成桌遊團,她好像懂了什麼,馬上回頭去跟幾位同仁搜刮桌遊。 「什麼桌遊?」課長湊過來,糟糕,被聽到了。