首页 > 如何用webgl实现这样的缓动类动画吗?

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

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

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

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

大家能提供下思路吗?


这个。。。瞎说一下自己的思路,抛砖引玉等大神来说。
遍历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来写的。

【热门文章】
【热门文章】