源码

首页 » 归档 » 源码 » 不如跳舞!腾讯开源 Web 魔幻线条框架 curvejs-ios学习从入门到精通尽在姬长信

不如跳舞!腾讯开源 Web 魔幻线条框架 curvejs-ios学习从入门到精通尽在姬长信

分享最热门的资讯

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

180553_t2RC_2896879.png

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

181044_ogqf_2896879.gif

使用 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 还能根据你的想象力实现很多功能,比如:

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

相关链接

ios学习从入门到精通尽在姬长信

(1)

本文由 姬長信 创作,文章地址:https://blog.isoyu.com/archives/2149.html
采用知识共享署名4.0 国际许可协议进行许可。除注明转载/出处外,均为本站原创或翻译,转载前请务必署名。最后编辑时间为:4月 27, 2017 at 04:02 下午

热评文章

发表回复

[必填]

我是人?

提交后请等待三秒以免造成未提交成功和重复