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

[ppzbreeze]

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

[darknoll]

有没有其他炫酷的，多弄几个，我好选个抄下

[libook]

Animation 教程： https://developer.mozilla.org/zh-CN/docs/Web/CSS/CSS_Animations/Using_CSS_animations
Canvas 教程： https://developer.mozilla.org/zh-CN/docs/Web/API/Canvas_API/Tutorial
WebGL 教程： https://developer.mozilla.org/zh-CN/docs/Web/API/WebGL_API/Tutorial

了解基础知识后可以尝试找一些 H5 动画框架，其他楼提到了一些。

另外一些专业动画制作软件可以用来做 H5 动画，比如 Adobe Animate，以及一些游戏引擎可以做 H5 游戏(或交互动画效果)如 Unity 。

[encro]

２００４年大学的时候用 AS 做出来的效果大概和这差不多，
那时候有一个好听的名字叫富应用。

[gitjavascript]

白色屏幕的动画么

[CallMeReznov]

这网站是不是被人打了,现在根本打不开..

[Sasasu]

https://sasasu.gitee.io/mmdplayer-web/

这种也算酷绚吧

[learningman]

php 5.5.12 。。。
然后还没开 gzip ？开了 gzip 也不至于卡这么久

[kanezeng]

如果你打开它的页面代码，会看到如下一段：
var ssss={
"meta": {
"title": "La solution concrète pour votre veille internet stratégique et d’influence",
"description": "Les experts de Reputation Squad proposent une solution de veille internet sur mesure pour répondre à vos objectifs de communication et d’influence.",
"share": "Partager"
},

根据 title 字段 google 一下，你就能找到原版： http://veille.reputationsquad.com/

[wangsongyan]

@Sasasu #26 真担心她的小腰

[ciaoly]

https://github.com/impress/impress.js

这个用前端制作幻灯片的动画库应该能胜任这种需求吧？

[efaun]

一分钟没打开，遂关闭，垃圾网站

[lepig]

白屏。 在炫酷 关我屁事

[5yyy]

打开这个页面我电脑风扇直接起飞了：）

[kiracyan]

2.4M 的 JS 文件

[wizardoz]

好网址，可惜 nb 就快凉了

[lithbitren]

水管太小了吧，几十 k 的 jquery 都要四五秒

[chiu]

应该是我网太烂了。。。

[demonps]

google chrome 插件 Wappalyzer 给的结果:

JavaScript 框架: GSAP;
编程语言: PHP 5.5.12;
Web 服务器: Apache 2.4.9;
操作系统: Windows Server;
JavaScript 图形: three.js;
JavaScript 库: jQurery 2.0.0;

[zhuangzhuang1988]

看看这个
Elasticsearch 的历史
https://www.elastic.co/about/story-of-search

[Rwing]

@kanezeng 666