开源中国

我们不支持 IE 10 及以下版本浏览器

It appears you’re using an unsupported browser

为了获得更好的浏览体验,我们强烈建议您使用较新版本的 Chrome、 Firefox、 Safari 等,或者升级到最新版本的IE浏览器。 如果您使用的是 IE 11 或以上版本,请关闭“兼容性视图”。
curvejs首页、文档和下载 - 魔幻线条框架 - 开源中国社区
全部项目分类
MIT
JavaScript 查看源码»
跨平台
腾讯
dntzhang
分享
收藏
38 人收藏
收录时间:2017-04-24
curvejs 详细介绍

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的能力不仅仅是变换线,这完全取决于你的想象力。比如:


大家对 curvejs 的评论 (全部 1 条评论)
{{repayCom.userName}}
SpringHgui
可以,多开源些更好了
顶部