老哥们，这种酷炫的前端是怎么做的

[ppzbreeze]

网址是 nbiot.com.cn 看了一下 F12，感觉有点复杂，是不是要单独设计个前端的结构才能做出来，还是说我的见识比较浅薄，这个并没有想象中的难 另外有类似的源码可以学习吗

[OfficialYoungX]

1. 挂梯子，网站打开不慢；就算不挂，也不算不上慢(这是机房部署问题，跟这个网页的大小关系不大，就算有关系也不至于像某几个人评论一样，一棍子打死)
2. 不是 svg，(看到有人说是 svg)，像这种细密的曲线用 svg 很有可能有性能问题
3. 管这是套模版也好，自己写的也好，用到的最下面 api 基于是 canvas 提供的 api，至于是 2d 还是 3d 具体看。(实际上可能是基于 three.js 或者是其他的封装过的库)
4. 好看就是好看，炫酷就是炫酷，不要说什么“xxxxx，可是有什么用呢？”前端就是应该追求视觉和交互体验，不然前端干嘛呢，这就是前端的本职工作啊。
5. 我第一次发现 V2EX 的 FEer 有这么多人是这样的心态，真正讨论的人没几个，说其他的废话的人不少，真的很难受看了这些，包括很多其他帖子也是一样，没几个真正就技术点本身讨论的。
6. 以上不是针对所有人，有误伤，还请见谅。

[lbw]

@OfficialYoungX 同感。总有人得通过贬低他人抬高自己，显得自己啥都懂，真正能在 **有限时间** 内做出这种效果的没几个人。对于自身不熟悉的领域保持谦逊始终是难得的品质。

[YingJie]

@laminux29 可惜了 as 那一套还是很好用的

[fanhaipeng0403]

打开太慢 太快 不建议学习

[Sasasu]

@puzzle9 webgl 实时渲染，用了个物理引擎，你的单核 CPU 性能和显卡性能决定帧数。

[karnaugh]

@OfficialYoungX 是啊，上来先想办法打开了这个网页，觉得嗯看起来确实蛮不错的，想回来看看有没有讨论，结果一看回复是一堆不像是程序员的言论。。。唉

[panhongx]

666

[Qinmei]

很明显就是第三方库提供的背景层，他自己就是做个一点交互而已， 这个之前就有简单背景的， 很多人博客都有用

[wizardoz]

@ppzbreeze nb 一开始宣传的卖点是低功耗、覆盖广。这两个特点主要就是针对一些不方便通电和架设很密集基站的地方。但是现在几年过去了，很多大城市的开发区 NB 信号覆盖也还不能完全到位，更不用说 3 、4 线城市啦。可能运营商都忙着搞 5G 吧

[elegantYu]

主体 canvas + 细节 svg，很简单嘛(我不会)