1
polandeme Aug 17, 2015
半年前仿照(代码完全自己)一位学长写过一个类似的。
[这里]( http://polande.com/demo/points/) |
2
ieiayaobb Aug 17, 2015
力导向迭代吧
|
4
polandeme Aug 17, 2015
|
6
Mush Aug 17, 2015
我司网站某页面也做过这个效果, 但是后来发现在低端机器上卡顿且很吃 CPU, 就去掉了....
|
7
xenme Aug 17, 2015
好卡~
|
9
Troevil Aug 17, 2015
keyword : Force-directed D3js
|
10
qinglangee Aug 17, 2015
@polandeme 在 chrome 中打开也是 Sorry, 是嫌弃版本低么
|
11
polandeme Aug 17, 2015
@qinglangee 只要不是太低应该是不会的
这是源码没有整理。 https://github.com/polandeme/demo/tree/gh-pagrs/points 版本判断 <script src="https://gist.github.com/polandeme/fd22c5fb3e5fba9584e0.js"></script> |
12
Suclogger Aug 17, 2015
看了一会,密集恐惧症发作了
|
13
theoractice Aug 17, 2015
跟力学迭代有啥关系,连 Delaunay 三角划分都用不上吧
|
14
lausius Aug 17, 2015
这个动效让我想起刺客信条 3 ,一模一样的。
|
15
fenjuly Aug 17, 2015
AVOS 以前的官网好像也是这个效果?
|
16
yoa1q7y Aug 17, 2015
|
17
iAugus Aug 17, 2015
|
18
yoa1q7y Aug 17, 2015
|
19
izgzhen Aug 17, 2015
我一看 CPU 占用.....顿时感觉拿来嘲讽渲染效率不错(雾
36kr 那个 CPU 占用也好高,是因为浏览器的问题,还是这个渲染本身就很吃计算? |
21
Mutoo Aug 17, 2015
processing 的启动画面展示的就是这个效果,在交互设计社区都被用烂了。算法就是根据点集中两两点的距离决定线的亮度 /粗细 /颜色...如果不优化的话,时间复杂度是 O (n^2 ),当然有很多种优化方式,最简单就是网络空间划分。
https://processing.org/ |
22
ysmood Aug 17, 2015
@qinglangee 把我炸出来了
我博客的背景,我 3 年前写的。记得我还专门研究过快速求解邻近点算法的问题,貌似是个中世纪著名的分井水找瘟疫扩散的问题,但是由于没有什么刚需,就没具体实现。 http://blog.ysmood.org/ |
23
twtww Aug 18, 2015
dotamax 登录界面也是类似的效果 http://dotamax.com/login/
|
24
kxxoling Aug 19, 2015
这个也类似: https://rocket.chat/ 不过是斥力效果,挺有意思的~
|
27
sunnysign Aug 30, 2015
确实很赞
|