• 请不要在回答技术问题时复制粘贴 AI 生成的内容
Famio
V2EX  ›  程序员

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

  •  
  •   Famio · Dec 16, 2016 · 6118 views
    This topic created in 3609 days ago, the information mentioned may be changed or developed.
    偶然看到个网站的背景用的这种效果:
    鼠标滑动会创造多边形,太有趣了!
    https://www.famio.cn/wp-content/uploads/2016/12/GIF.gif

    想问下有没有类似的 demo ,我也想弄一个!
    26 replies  •  2016-12-18 09:33:27 +08:00
    wyntergreg
    wyntergreg
    Dec 16, 2016
    1
    在某博客上见过这个效果,地址忘了...
    designer
    designer
    Dec 16, 2016
    2
    太多啦,烂大街的科技感特效。
    lufficc
    lufficc
    Dec 16, 2016 via Android
    4
    Famio
    Famio
    OP
    Dec 16, 2016
    5
    @forblackking @luffylcc 感谢两位提供干货。
    但是觉得和我要的不是一个东西,虽然都是 particles ……
    forblackking
    forblackking
    Dec 16, 2016 via Android
    6
    @Famio 可以看一下配置文件,我记得以前实现过一楼效果
    Famio
    Famio
    OP
    Dec 16, 2016
    7
    @forblackking 感谢朋友。
    已经在源网站里 F12 到了 js ,根据 js 搜索到了……嗯,居然这东西也是出自 V 站。
    https://www.v2ex.com/t/241698
    forblackking
    forblackking
    Dec 16, 2016 via Android
    8
    @Famio 😂我也试试
    it1989
    it1989
    Dec 16, 2016
    9
    就是我博客的背景啊,不过不贴网址了, V2er 太凶残,一大波过来,服务器撑不住。。。
    MaiCong
    MaiCong
    Dec 16, 2016 via iPhone
    10
    github 搜索 粒子效果
    Famio
    Famio
    OP
    Dec 16, 2016
    11
    @it1989 大兄弟早点说啊~不过我也已经实装了,蛮好玩的,哈
    loadinger
    loadinger
    Dec 16, 2016
    12
    就我一个人觉得 low 成马了?
    Famio
    Famio
    OP
    Dec 16, 2016
    13
    @loadinger 各有所好, I dont care.
    beiping96
    beiping96
    Dec 16, 2016
    15
    已成功 hexo+next
    fool
    fool
    Dec 16, 2016 via Android
    16
    @luffylcc 你好,请问你们这种首页只有中间一块的是什么搭的,用 wordpress 可以吗
    pheyer
    pheyer
    Dec 16, 2016
    17
    gif 是 404 ?
    Famio
    Famio
    OP
    Dec 16, 2016
    18
    @pheyer 图床借了自己博客,问题解决了,故已删。
    sh1t0nu
    sh1t0nu
    Dec 16, 2016 via Android
    19
    @beiping96 请问是加到哪里呢 foot 么
    beiping96
    beiping96
    Dec 16, 2016
    20
    @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
    kosenpai
    kosenpai
    Dec 16, 2016
    21
    @beiping96 放着不动抖动的样子还是很可爱的呢。
    2zH
    2zH
    Dec 16, 2016
    22
    @forblackking =) 男神
    ylsc633
    ylsc633
    Dec 16, 2016
    23
    这种的太多了...... 以前我也喜欢,也想加 ........

    后来觉得 可能消耗内存....

    且 鼠标放一会 感觉有密集恐惧症....

    而且在看文章的时候,这东西一动一动的 ,太奇怪了...
    lufficc
    lufficc
    Dec 17, 2016
    24
    @fool 就是用简单的 css 写的,你可以看一看源代码
    fool
    fool
    Dec 17, 2016
    25
    @luffylcc 谢谢,不行的,我不会写网页,是想问一下有没有模版给我用
    renyiqiu
    renyiqiu
    Dec 18, 2016 via iPhone
    26
    来我的网站玩玩 http://jsshare.com
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Privacy   ·   Solana   ·   1522 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 58ms · UTC 19:05 · PVG 03:05 · LAX 11:05 · JFK 14:05
    ♥ Do have faith in what you're doing.