如何用webgl实现这样的缓动类动画吗？

Question

如何用webgl实现这样的效果。
下面是范例：

当你把鼠标移动到一侧点下就变

有些弹簧的感觉 会进去一部分

大家能提供下思路吗？

Answer 1

这个。。。瞎说一下自己的思路，抛砖引玉等大神来说。
遍历N个DIV，给onmousedown赋予一个函数，定义当点击鼠标，让oDiv[0]跟着鼠标点的走，然后让oDiv[1]跟着oDiv[0]，就是后一个跟着前一个走。
还是上个代码示意基本思路吧

document.onmousedown=function(ev)
{
    var aDiv=document.getElementsByTagName('div');
    var oEvent=ev||event;
    var pos=getPos(oEvent);
    for(i=aDiv.length-1;i>0;i--)
    {
        aDiv[i].style.left=aDiv[i-1].offsetLeft+'px';
        aDiv[i].style.top=aDiv[i-1].offsetTop+'px';
    }
    aDiv[0].style.left=pos.x+'px';
    aDiv[0].style.top=pos.y+'px';
}

以上使用最基本的JS来写的。