canvas粒子效果问题

Question

今天遇到的一个需求，本来是切的背景，现在需要用canvas实现类似图中的效果，形状不再是图中的正多边形旋转叠加。
以前没接触过canvas，网上找了些粒子背景相关的demo，自己也试着实现了下，还是遇到了问题：
我的思路是，点的坐标范围是在一个环形上，先生成一个点的list，每个点的运动范围也在环形内，然后参照网上的方法进行连线、鼠标跟随等操作，不过连坐标范围一直都没搞定，生成的点一直是再矩形中，真得翻出几何书看看了。不过现翻书也赶不上趟了，还想请教下各位，如何把点的坐标确定在一个环形内部？

Answer 1

如何把点的坐标确定在一个环形内部？

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

根据 x in [-r, r] 的条件，随机出 x 之后， y 的范围根据上面说的不等式就可以求出了。

另一个思路是 半径+弧度 。

Answer 2

在圆上随机取点，就像这个例子中的生成的一些随机生成的一些参数：Canvas 实现炫丽的粒子运动效果（粒子生成文字）。希望对你有帮助。