专栏名称: 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开源社区 · AI原生开发平台MoonBit（月兔）开源核心编译器

3 天前

程序员小灰 · 大结局了！极越员工获“n+1”赔偿！

4 天前

程序猿 · 小米重磅开源操作系统：超1000万行公开代码、在近5千万台设备中广泛应用

6 天前

程序员的那些事 · 趣图：解锁“截图”新方法

5 天前

程序员的那些事 · 多地运营商严查这“薅羊毛”行为，用户很受伤：5Mbps 网速能干啥？

5 天前

教你看穿男人的心 · 男人用6种沉默表达“我爱你”！

7 年前

19楼 · 在外染上性病，传染给了老婆，此后十年冷暴力婚姻，我撑不下去了

7 年前

凤凰财经 · 乐视烧的钱都是从哪儿搞来的？

7 年前

民谣在路上 · 电台 | 一如年少模样——陈鸿宇

7 年前

军情战评 · 美方：若朝停止导弹试射和核试美国则准备对话

7 年前