发布于 2017-04-26 00:54:46 | 108 次阅读 | 评论: 0 | 来源: 网友投递

这里有新鲜出炉的精品教程，程序狗速度看过来！

腾讯

腾讯控股有限公司（腾迅）是一家民营IT企业，成立于1998年11月29日，总部位于中国广东深圳，是中国最大的互联网综合服务提供商之一，也是中国服务用户最多，最广的互联网企业之一。

---

还记得 window 经典的屏幕保护程序《变幻线》吗？

腾讯 AlloyTeam 刚刚开源了一款 Web 魔幻线条框架 curvejs，可让线条成为一名优秀的舞者。

使用 curvejs 实现类似《变幻线》的功能只需要几行代码：【DEMO 体验地址】

const  { Stage, Curve, motion } = curvejs    let stage = new Stage(document.getElementById('myCanvas'))    stage.add(new Curve({      color: '#00FF00',      data: {value: 0, step: 0.008, width: 600, height: 400},      motion: motion.noise  }))    function tick(){      stage.update()      requestAnimationFrame(tick)  }    tick()

除了变换线，curvejs 还能根据你的想象力实现很多功能，比如：

• Scale-To

• Points-To

• Rotate

• Word

• Perlin-Noise

• Simple

• Simple-ES5

• Lerp Color

• Curves

• Line

• Close

具体使用指南和原理请查看官方文档和演示 Demo。