canvas-nest.js icon indicating copy to clipboard operation
canvas-nest.js copied to clipboard

圆点抖动问题

Open stefenson opened this issue 6 years ago • 9 comments

#2

只改了src里面的CanvasNest.js,dist目录跟lib目录不知道是干啥的就没动……

原谅我js写的少Orz……

stefenson avatar Jun 25 '18 06:06 stefenson

你不 build 一下,怎么知道是不是生效的?

hustcc avatar Jun 25 '18 06:06 hustcc

主要是不知道怎么Build……233

我对js项目真的不太熟悉……改动的地方应该是都进去了,应该不会有问题 ^_^||

stefenson avatar Jun 25 '18 06:06 stefenson

npm i

npm run build

然后打开 index.html 就可以测试了!

我来帮你测试下吧!

hustcc avatar Jun 25 '18 06:06 hustcc

测试过了,直接爆炸了,小点的移动速度很快。感觉是加速度错了!

hustcc avatar Jun 25 '18 06:06 hustcc

又提交了一下,刚刚点重绘的位置不对,放到里层for循环了,所以才炸了Orz

stefenson avatar Jun 25 '18 06:06 stefenson

测试了一下应该没问题了~

stefenson avatar Jun 25 '18 07:06 stefenson

感觉上还是有点问题,最后形成圈很慢,我还没有能理解你的代码思路。

hustcc avatar Jun 25 '18 11:06 hustcc

嗯,是还有问题,主要是没有考虑两个速度分量应该怎么分配

简单来说现在的加速度变化只取决于点到中心距离关于max/2的比例,然后用这个系数同时处理纵向和横向的加速度,加速度与速度方向关系是如果下一秒点要向外部移动那么就是反的否则是正的。

但其实这样是不对的,只是近似处理成了飞向中心时加速,远离中心时减速的效果。

减速的速度偏移与点到中心的距离有关。

基本思路是这样的。

stefenson avatar Jun 25 '18 12:06 stefenson

圆点的颜色,为什么修改了源码却不生效啊???

laine001 avatar Oct 31 '18 09:10 laine001