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