一个炫酷的 3D 破碎效果网页

[but0n]

https://but0n.github.io/frag3d.js/

[but0n]

@zst 微信是可以的, qq 浏览器好像有些魔改

[AaronWang13]

赞!!

[shuizhengqi]

我都怀疑你是不是放了挖矿了，cpu 瞬间百分百

[lyz745704689]

看了 10 分钟，也没有爆呀。。。

[but0n]

@lyz745704689 你有没有滑动页面？

[but0n]

@shuizhengqi

我还没那水平，
是比较耗 GPU，瞬间百分百不会吧，这个页面只有在鼠标滑动或页面滚动时才会重新渲染

[zk342800]

不错啊

[cqhme]

我以为是模拟玻璃破裂 3d 效果……

不过仍然很赞

[syt123450]

cool. 膜拜直接写 webgl 底层的大神

[fourstring]

膜拜大佬

[lyz745704689]

@but0n IE11 和 edge 浏览器没有效果，换个浏览器可以看到了，挺炫酷的。

[Actrace]

确实很炫，不过这个球旋转的时候似乎有一些锯齿，楼主有解决方案吗

[but0n]

@Actrace 三角形貌似没有锯齿吧，你是指球体不够光滑吗？

[Actrace]

@but0n 对的，滚动的时候会出现锯齿。

[but0n]

@Actrace 这个不是 bug，是 feature ←_←
https://github.com/but0n/frag3d.js/blob/master/static/scripts/frag3d.js#L24
后面那个参数是球体的 subdivisions，目前算低面数球体，所以边缘不够光滑，表面看起来光滑是因为法线有插值。

面数过多的话会更耗性能，你可以在本地体验下

[Actrace]

@but0n 可以出几个细腻版本的看看效果。

[but0n]

@Actrace
https://but0n.github.io/frag3d.js/index.html#100
试试这个, 后面数字可以自己改,
建模那块是自己写的, 好像存在一些问题, 在某些段数生成出来的模型会残缺

[but0n]

@lyz745704689
刚才试了下，Edge 42.17134.1.0 是正常的，
IE 没画面，貌似是因为 IE 不支持 css 变量

[ResidualWind]

360 急速浏览器报错,,,,没任何效果

[but0n]

@ResidualWind 手头上没有 360，贴一下报错信息吧