hustcc / canvas-nest.js

:cancer: Interactive Particle / Nest System With JavaScript and Canvas, no jQuery.
https://git.hust.cc/canvas-nest.js
MIT License
4.3k stars 826 forks source link

圆点抖动问题 #37

Open stefenson opened 6 years ago

stefenson commented 6 years ago

2

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

原谅我js写的少Orz……

hustcc commented 6 years ago

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

stefenson commented 6 years ago

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

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

hustcc commented 6 years ago
npm i

npm run build

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

我来帮你测试下吧!

hustcc commented 6 years ago

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

stefenson commented 6 years ago

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

stefenson commented 6 years ago

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

hustcc commented 6 years ago

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

stefenson commented 6 years ago

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

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

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

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

基本思路是这样的。

laine001 commented 5 years ago

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