专栏名称: OSC开源社区

OSChina 开源中国官方微信账号

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

OSC开源社区 · 公众号 · 程序员 · 2017-04-26 08:29

正文

# 点击图片报名上海、南京源创会 #

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

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

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

https://alloyteam.github.io/curvejs/pg/rd.html?type=noise

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。

官方文档:

https://github.com/AlloyTeam/curvejs/blob/master/README-CN.md

推荐文章

OSC开源社区 · 工作写代码，放假写书，最后豆瓣评分9.1

2 天前

程序员的那些事 · B站知名up主何同学被指盗用开源项目，网友：“移源丁真，鉴定为自研”

2 天前

码农翻身 · 国产数据库，开始核心平替了！

2 天前

码农翻身 · 取代后端岗，国内又一新兴岗位在崛起！这才是程序员未来5年最好的就业方向！

3 天前

OSC开源社区 · 中国软件要出海，不能总是单打独斗

4 天前

柠檬网 · 晒厨艺 | 看完向往的生活，学会了黄磊同款赛螃蟹

7 年前

销售与市场 · 优衣库 vs ZARA：如此不同，却同样成功

7 年前

AI报道 · 麦肯锡：以客户为中心，打造房企核心竞争力

7 年前

幽默与笑话集锦 · 古代女人守寡后，靠什么解决身体需求？

7 年前

这里是美国 · 你天天用的东西又致癌了！这次赔了27.8亿！

7 年前