Javascript vanilla js中的Famo.us函数？（曲面/状态修改器/可传递/变换）

我想重现一下点击时的涟漪效果：

小提琴是答案的延伸：

我决定在按钮的背景图像中使用CSS径向渐变。我将涟漪（渐变圆）置于触摸/鼠标点的中心。我扩展了Surface模块，以便钩住渲染周期

有两个可传递项，一个用于渐变的直径，另一个用于渐变的不透明度。这两个都在交互后重置。当用户单击按钮时，曲面将存储X和Y偏移，然后将渐变直径转换为其最大值。当用户释放按钮时，它将渐变不透明度转换为0

渲染周期不断地将背景图像设置为径向渐变，圆圈位于X和Y偏移处，并从两个可传递对象获取不透明度和渐变直径

使用这些著名的模块：

var Engine = require('famous/core/Engine');
var Surface = require('famous/core/Surface');
var Timer = require('famous/utilities/Timer');
var StateModifier = require('famous/modifiers/StateModifier');
var Transform = require('famous/core/Transform');
var Transitionable = require('famous/transitions/Transitionable');

我对famo.us不熟悉，所以在我尝试重写它之前，是否有任何明显的等效香草函数/gotchas？

请看一看

---

你也有同样的效果，在JS，CSS，SASS，LESS…

你能解释一下效果吗？我在JSFIDLE中没有看到任何明显的效果。@Cort3z单击按钮时会产生涟漪效应。添加了详细信息。你到底想做什么？实现效果是你的目标吗？如果是这样的话，这与famo.us无关。谢谢，我选择了类似的/稍微简单一点的：