魔幻线条框架 curvejs

魔幻线条框架 curvejs

MIT
JavaScript 查看源码»
跨平台
腾讯
2017-04-24
dntzhang

curvejs 中文读["克js"],是腾讯AlloyTeam打造的一款魔幻线条框架,让线条成为一名优秀的舞者,让线条们成为优秀的舞团,HTML5 Canvas就是舞台。

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

其原理就是使用 Perlin-Noise + Particle System + Bézier Curve + Color Transition 制作而成。

使用curvejs实现类似变幻线功能只需要不到10行代码:

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
}))

【体验地址】

当然,curvejs的能力不仅仅是变换线,这完全取决于你的想象力。比如:

加载中

评论(1)

SpringHgui
SpringHgui
可以,多开源些更好了

不如跳舞!腾讯开源 Web 魔幻线条框架 curvejs

还记得 window 经典的屏幕保护程序《变幻线》吗? 腾讯 AlloyTeam 刚刚开源了一款 Web 魔幻线条框架 curvejs,可让线条成为一名优秀的舞者。 使用 curvejs 实现类似《变幻线》的功能只需要几...

2017/04/26 08:11

没有更多内容

加载失败,请刷新页面

没有更多内容

暂无问答

暂无博客

返回顶部
顶部