javascript - 知乎五周年的输入效果，js如何实现的

Question

效果：https://2015.zhihu.com/

有相关的js组件吗？或者分析下前端效果是如何实现的？

---

分割线

参考知乎，分析了下源码，做了个静态页面demo
知乎demo

js组件参考
https://github.com/disjukr/activate-power-mode

Answer 1

里面的粒子效果就是前段时间比较火的 power mode 输入模式，各大编辑器都有对应的插件。 其中 Atom 版本的是用 coffee script 写的，Code Mirror 也有对应的移植版本。还有一个通用版本，题主可以参考一下 https://github.com/disjukr/activate-power-mode

扒了一下知乎的代码，功能实现基本一样。

Answer 2

参考知乎，分析了下源码，做了个demo
知乎demo

但是是个静态页面。
求一个类似插件，源码压缩过了，实在分析不了。