已解決430363個問題，去搜搜看，總會有你想問的

一個canvas動畫中，如何處理氣泡與其它氣泡的合理碰撞？

首頁猿問一個canvas動畫中，如何處理氣...

一個canvas動畫中，如何處理氣泡與其它氣泡的合理碰撞？

JavaScript

MMMHUHU 2018-08-13 14:14:26

如題，小弟做了一個canvas動畫，模仿以前那種屏保常見的氣泡，我想實現氣泡與氣泡之間的合理碰撞。請大大們給出一些思路，謝謝。做了一些嘗試。在每一幀碰撞的時候去檢測當前氣泡與其他所有氣泡的是否發生碰撞，如果是，就反轉它們當前的運動方向。失敗

查看完整描述

1 回答

紫衣仙女

TA貢獻1839條經驗獲得超15個贊

提供一個思路，
1.將場景切分成多個區域，比如四個矩形
2.每個區域維護一個數組cirs，數組內放的是在當前部分的圓的圓心坐標（即使坐標不在該區域內，而是部分圓在）
3.每個圓有一個區域列表areas，存放當前圓所在區域(列表的原因是，圓有可能會在區域交接處)
4.判斷時，根據圓的區域列表areas，遍歷區域列表cirs，判斷所存在半徑內有沒有與該圓相交的圓，即是cirs里面的圓心x1,y1，半徑r1與當前圓x,y，r是否滿足 (x1 - x)^2 + (y1 - y)^2 <= (r1+r)^2。滿足就是相撞

反對回復 2018-09-20

1 回答
0 關注
696 瀏覽

關注

添加回答

舉報

0/150

提交

取消

亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

熱搜

最近搜索清空

一個canvas動畫中，如何處理氣泡與其它氣泡的合理碰撞？

一個canvas動畫中，如何處理氣泡與其它氣泡的合理碰撞？

1 回答

添加回答

一個canvas動畫中，如何處理氣泡與其它氣泡的合理碰撞？

一個canvas動畫中，如何處理氣泡與其它氣泡的合理碰撞？