隨機不重疊的圓形 | 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 一開始到現在最喜歡的一個函式,只要加上它,就會有種作品有了自我意識和生命的錯覺
本篇參與的主題策展
這篇文章深入探討宮崎駿的紀錄片《與夢前行》中創作者的三個詛咒,一邊寫一邊掉眼淚。這是我最近這段時間寫的文章當中,自己最滿意的一篇,不是因為他寫得特別好,而是因為好像它啟動了我心裡面的一些什麼。希望也可以啟動你。
本文探討內容創作者如何有效進行流量變現,透過多元化的策略與平台,提升收入穩定性。除了依賴社群平台,創作者還應上傳作品至適合的圖文平台,並採用訂閱制、打賞、募資等方式來獲得粉絲支持。文章中還介紹了2024年31個創作者必知的平台,幫助創作者擴大曝光、累積粉絲,實現收益轉化,最終達到持續創作的目標。
時間是2123年,那是一個下著雨的夜晚,冷風一波接著一波颳起,碩大的雨滴一滴滴地落在金屬上。多拉格睜開了雙眼,眼前是一扇窗戶,窗外一片黑暗,他發現自己在一個狹窄的空間裡,那是一個冷凍艙……
不再證明了/不再為了那些不証自明的事情/焚燒,或凋萎/房間逼仄但內心昶亮/虔恭迎接每個早上/晨光穿窗而來
前言 宇希333年 現在是第14號地球世界的火曆2309年。 病毒「無」專門吞噬「感情」、「感覺」、「愛」、「希望」,大部份被感染的人都無法呈現臉部表情,人類也越來越冷漠。 幸虧第14號地球的科技相當發達,腦細胞可以連線面具讓人可以戴著精緻的面具過活,戴面具的人只要用想的就可以呈現臉部的表情。
以為擁有的 / 其實尚未 / 以為失去的 / 或許換成了另一種獲得
這篇文章深入探討宮崎駿的紀錄片《與夢前行》中創作者的三個詛咒,一邊寫一邊掉眼淚。這是我最近這段時間寫的文章當中,自己最滿意的一篇,不是因為他寫得特別好,而是因為好像它啟動了我心裡面的一些什麼。希望也可以啟動你。
本文探討內容創作者如何有效進行流量變現,透過多元化的策略與平台,提升收入穩定性。除了依賴社群平台,創作者還應上傳作品至適合的圖文平台,並採用訂閱制、打賞、募資等方式來獲得粉絲支持。文章中還介紹了2024年31個創作者必知的平台,幫助創作者擴大曝光、累積粉絲,實現收益轉化,最終達到持續創作的目標。
時間是2123年,那是一個下著雨的夜晚,冷風一波接著一波颳起,碩大的雨滴一滴滴地落在金屬上。多拉格睜開了雙眼,眼前是一扇窗戶,窗外一片黑暗,他發現自己在一個狹窄的空間裡,那是一個冷凍艙……
不再證明了/不再為了那些不証自明的事情/焚燒,或凋萎/房間逼仄但內心昶亮/虔恭迎接每個早上/晨光穿窗而來
前言 宇希333年 現在是第14號地球世界的火曆2309年。 病毒「無」專門吞噬「感情」、「感覺」、「愛」、「希望」,大部份被感染的人都無法呈現臉部表情,人類也越來越冷漠。 幸虧第14號地球的科技相當發達,腦細胞可以連線面具讓人可以戴著精緻的面具過活,戴面具的人只要用想的就可以呈現臉部的表情。
以為擁有的 / 其實尚未 / 以為失去的 / 或許換成了另一種獲得
你可能也想看
Google News 追蹤
Thumbnail
本專欄將提供給您最新的市場資訊、產業研究、交易心法、精選公司介紹,以上內容並非個股分析,還請各位依據自身狀況作出交易決策。歡迎訂閱支持我,獲得相關內容,也祝您的投資之路順遂! 每年 $990 訂閱方案👉 https://reurl.cc/VNYVxZ 每月 $99 訂閱方案👉https://re
Thumbnail
一言。實戰搏擊瞬間演作隨機測不準 真正實戰搏擊格鬥皆是隨機瞬間演作測不準無限可能性。 必須至誠體認此點。沒有套路。沒安排好練習過。 你應該知道要做什麼了。
Thumbnail
人類對於未來的不確定性多半帶有恐懼,也因為如此才有許多命理師、星相師、預言師替大家事先預告未來的走勢,但當事情真的發展不如預期的時候,我們是否會重新思考過去到底是哪個環節出了差錯?有沒有可能採取一些行動或措施讓失敗或損害降到最低呢? 在《隨機思維》這本書中告訴我們可以把「不確定」當成是機會的來
Thumbnail
這次要推薦的是我之前介紹過而且很喜歡的台灣遊戲《蔓不生長》手機版,沒錯,獲得三項金獎的好遊戲值得再度推薦!本作是3D關卡解謎遊戲,移植到手機後,更方便遊玩了,不僅保留原汁原味的關卡趣味,畫面也配合手機性能進行調整與優化,讓場景依然美麗,又能在手機上流暢運行,非常適合大家通勤時或休息時,隨時拿出來動腦
Thumbnail
近期媒體大量的在談去美元化的議題,這種運用媒體販售恐慌、販售焦慮的手段算是市場大戶「政府或機構」想要控制市場、洗腦一般人最好的方式啦! 不曉得各位有沒有在這波恐慌中被影響,好想趕快逃離美元、逃離美國的控制勒!
Thumbnail
在時間的長廊中,有時我們不必非得「做些什麼」,只是純粹去聆聽,或許便有機會找到內心中,屬於自己的答案。
Thumbnail
「你去弄幾套桌遊來。週六需要。」我一本正經的指示。 「……?」職代妹一臉不解。不過因為最近中午的吃飯團最後都變成桌遊團,她好像懂了什麼,馬上回頭去跟幾位同仁搜刮桌遊。 「什麼桌遊?」課長湊過來,糟糕,被聽到了。
Thumbnail
本專欄將提供給您最新的市場資訊、產業研究、交易心法、精選公司介紹,以上內容並非個股分析,還請各位依據自身狀況作出交易決策。歡迎訂閱支持我,獲得相關內容,也祝您的投資之路順遂! 每年 $990 訂閱方案👉 https://reurl.cc/VNYVxZ 每月 $99 訂閱方案👉https://re
Thumbnail
一言。實戰搏擊瞬間演作隨機測不準 真正實戰搏擊格鬥皆是隨機瞬間演作測不準無限可能性。 必須至誠體認此點。沒有套路。沒安排好練習過。 你應該知道要做什麼了。
Thumbnail
人類對於未來的不確定性多半帶有恐懼,也因為如此才有許多命理師、星相師、預言師替大家事先預告未來的走勢,但當事情真的發展不如預期的時候,我們是否會重新思考過去到底是哪個環節出了差錯?有沒有可能採取一些行動或措施讓失敗或損害降到最低呢? 在《隨機思維》這本書中告訴我們可以把「不確定」當成是機會的來
Thumbnail
這次要推薦的是我之前介紹過而且很喜歡的台灣遊戲《蔓不生長》手機版,沒錯,獲得三項金獎的好遊戲值得再度推薦!本作是3D關卡解謎遊戲,移植到手機後,更方便遊玩了,不僅保留原汁原味的關卡趣味,畫面也配合手機性能進行調整與優化,讓場景依然美麗,又能在手機上流暢運行,非常適合大家通勤時或休息時,隨時拿出來動腦
Thumbnail
近期媒體大量的在談去美元化的議題,這種運用媒體販售恐慌、販售焦慮的手段算是市場大戶「政府或機構」想要控制市場、洗腦一般人最好的方式啦! 不曉得各位有沒有在這波恐慌中被影響,好想趕快逃離美元、逃離美國的控制勒!
Thumbnail
在時間的長廊中,有時我們不必非得「做些什麼」,只是純粹去聆聽,或許便有機會找到內心中,屬於自己的答案。
Thumbnail
「你去弄幾套桌遊來。週六需要。」我一本正經的指示。 「……?」職代妹一臉不解。不過因為最近中午的吃飯團最後都變成桌遊團,她好像懂了什麼,馬上回頭去跟幾位同仁搜刮桌遊。 「什麼桌遊?」課長湊過來,糟糕,被聽到了。