在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML/ canvas粒子效果問題

canvas粒子效果問題

圖片描述

今天遇到的一個需求,本來是切的背景,現(xiàn)在需要用canvas實現(xiàn)類似圖中的效果,形狀不再是圖中的正多邊形旋轉(zhuǎn)疊加。
以前沒接觸過canvas,網(wǎng)上找了些粒子背景相關(guān)的demo,自己也試著實現(xiàn)了下,還是遇到了問題:
我的思路是,點的坐標(biāo)范圍是在一個環(huán)形上,先生成一個點的list,每個點的運動范圍也在環(huán)形內(nèi),然后參照網(wǎng)上的方法進行連線、鼠標(biāo)跟隨等操作,不過連坐標(biāo)范圍一直都沒搞定,生成的點一直是再矩形中,真得翻出幾何書看看了。不過現(xiàn)翻書也趕不上趟了,還想請教下各位,如何把點的坐標(biāo)確定在一個環(huán)形內(nèi)部?

回答
編輯回答
我甘愿

如何把點的坐標(biāo)確定在一個環(huán)形內(nèi)部?

x^2 + y^2 <= r^2, x in [-r, r] and y in [-r, r]

根據(jù) x in [-r, r] 的條件,隨機出 x 之后, y 的范圍根據(jù)上面說的不等式就可以求出了。

另一個思路是 半徑+弧度 。

2018年2月21日 14:54
編輯回答
萌吟

在圓上隨機取點,就像這個例子中的生成的一些隨機生成的一些參數(shù):Canvas 實現(xiàn)炫麗的粒子運動效果(粒子生成文字)。希望對你有幫助。

2018年9月21日 17:21