网页上这种效果如何达到的?

2016-12-16 12:22:05 +08:00
 Famio
偶然看到个网站的背景用的这种效果:
鼠标滑动会创造多边形,太有趣了!
https://www.famio.cn/wp-content/uploads/2016/12/GIF.gif

想问下有没有类似的 demo ,我也想弄一个!
4989 次点击
所在节点    程序员
26 条回复
wyntergreg
2016-12-16 12:24:40 +08:00
在某博客上见过这个效果,地址忘了...
designer
2016-12-16 12:29:15 +08:00
太多啦,烂大街的科技感特效。
forblackking
2016-12-16 12:29:22 +08:00
lufficc
2016-12-16 12:35:25 +08:00
Famio
2016-12-16 12:38:06 +08:00
@forblackking @luffylcc 感谢两位提供干货。
但是觉得和我要的不是一个东西,虽然都是 particles ……
forblackking
2016-12-16 12:42:00 +08:00
@Famio 可以看一下配置文件,我记得以前实现过一楼效果
Famio
2016-12-16 12:43:31 +08:00
@forblackking 感谢朋友。
已经在源网站里 F12 到了 js ,根据 js 搜索到了……嗯,居然这东西也是出自 V 站。
https://www.v2ex.com/t/241698
forblackking
2016-12-16 12:45:55 +08:00
@Famio 😂我也试试
it1989
2016-12-16 12:47:50 +08:00
就是我博客的背景啊,不过不贴网址了, V2er 太凶残,一大波过来,服务器撑不住。。。
MaiCong
2016-12-16 12:50:36 +08:00
github 搜索 粒子效果
Famio
2016-12-16 13:00:28 +08:00
@it1989 大兄弟早点说啊~不过我也已经实装了,蛮好玩的,哈
loadinger
2016-12-16 13:36:47 +08:00
就我一个人觉得 low 成马了?
Famio
2016-12-16 14:01:44 +08:00
@loadinger 各有所好, I dont care.
TomIsion
2016-12-16 14:18:42 +08:00
beiping96
2016-12-16 14:34:59 +08:00
已成功 hexo+next
fool
2016-12-16 14:36:42 +08:00
@luffylcc 你好,请问你们这种首页只有中间一块的是什么搭的,用 wordpress 可以吗
pheyer
2016-12-16 15:20:14 +08:00
gif 是 404 ?
Famio
2016-12-16 15:30:53 +08:00
@pheyer 图床借了自己博客,问题解决了,故已删。
sh1t0nu
2016-12-16 16:18:22 +08:00
@beiping96 请问是加到哪里呢 foot 么
beiping96
2016-12-16 16:34:06 +08:00
@sh1t0nu 把`<script type="text/javascript" color="0,0,0" opacity='0.33' zIndex="-1" count="99" src="{{ url_for(theme.js) }}/src/canvas-nest.min.js"></script>`放到 themes/next/layout/_layout.swig

然后把 canvas-nest.min.js 放到 themes/next/source/js/src

blog.beiping96.com 并不好看,鼠标放着不动会不停抖, github 已 issue

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/328056

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX