隨機不重疊的圓形 | 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
查看全部
發表第一個留言支持創作者!
Less Is More 少即是多
閱讀時間約 1 分鐘
今晚我想來點【蘑菇濃湯】
閱讀時間約 1 分鐘
Creative Coding 資源彙整
閱讀時間約 1 分鐘
Creative Coding 作品變化概念
閱讀時間約 1 分鐘
你可能也想看
隨機截距交叉延宕模式:加入跨時間不變的預測或結果變項(4)之前已經說過限制模型,接下來進入下一部份根據Mulder and Hamaker (2021)建議,在 RI-CLPM 中,有許多擴展模型,今天要介紹的是 Extension 1。Extension 1就是加入跨時間不變的預測或結果變項,本文將介紹此模型構造和語法。
Thumbnail
avatar
Dr. Rover
2024-02-27
一言。實戰搏擊瞬間演作隨機測不準一言。實戰搏擊瞬間演作隨機測不準 真正實戰搏擊格鬥皆是隨機瞬間演作測不準無限可能性。 必須至誠體認此點。沒有套路。沒安排好練習過。 你應該知道要做什麼了。
Thumbnail
avatar
武道。北九紫辰
2023-10-29
隨機思維:不死守目標、拉高容錯率,打破企業經營追求完美的傳統慣性 人類對於未來的不確定性多半帶有恐懼,也因為如此才有許多命理師、星相師、預言師替大家事先預告未來的走勢,但當事情真的發展不如預期的時候,我們是否會重新思考過去到底是哪個環節出了差錯?有沒有可能採取一些行動或措施讓失敗或損害降到最低呢? 在《隨機思維》這本書中告訴我們可以把「不確定」當成是機會的來
Thumbnail
avatar
射手媽咪婷婷
2023-09-23
三項金獎得主《蔓不生長》推出手機版,隨身暢玩經典療癒解謎遊戲!這次要推薦的是我之前介紹過而且很喜歡的台灣遊戲《蔓不生長》手機版,沒錯,獲得三項金獎的好遊戲值得再度推薦!本作是3D關卡解謎遊戲,移植到手機後,更方便遊玩了,不僅保留原汁原味的關卡趣味,畫面也配合手機性能進行調整與優化,讓場景依然美麗,又能在手機上流暢運行,非常適合大家通勤時或休息時,隨時拿出來動腦
Thumbnail
avatar
皮魯可
2023-05-24
『美股2023大牛市4/16』步步為營、隨機應變,美股已接近多空關鍵時刻,更新大格局佈局須知細節「主角篇」近期媒體大量的在談去美元化的議題,這種運用媒體販售恐慌、販售焦慮的手段算是市場大戶「政府或機構」想要控制市場、洗腦一般人最好的方式啦! 不曉得各位有沒有在這波恐慌中被影響,好想趕快逃離美元、逃離美國的控制勒!
Thumbnail
avatar
平凡睡公子
2023-04-17
世上本就不存在隨機的事在時間的長廊中,有時我們不必非得「做些什麼」,只是純粹去聆聽,或許便有機會找到內心中,屬於自己的答案。
Thumbnail
avatar
直樹的流浪之歌
2023-03-14
公務員日常不日常 Day105:隨機應變的活動工作人員「你去弄幾套桌遊來。週六需要。」我一本正經的指示。 「……?」職代妹一臉不解。不過因為最近中午的吃飯團最後都變成桌遊團,她好像懂了什麼,馬上回頭去跟幾位同仁搜刮桌遊。 「什麼桌遊?」課長湊過來,糟糕,被聽到了。
Thumbnail
avatar
新葉
2023-01-26
為所當為---上班族必須主動做好自己的績效管理,讓人看到你的成果與貢獻。讓人不斷看到你的成果與貢獻,才不會被淹沒在,近身肉搏的工作戰場上。
Thumbnail
avatar
職場法蘭克
2022-04-29