专栏名称: 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

请到「今天看啥」查看全文

推荐文章

凤凰网军事频道 · 泰国海军：中泰关系良好中国卖潜艇无偿赠送潜射导弹

7 年前

读史 · 一个903人家族，310位流氓，190位妓女，60位小偷，7位杀人犯

7 年前

中债资信 · 中债监测周报| 化工行业：涤纶长丝价差齐缩小；奥瑞金受红牛商标纠纷影响被上诉

7 年前

美食菜谱大全 · 【今日菜谱】永远吃不腻的家常菜，做好能下三碗饭！

7 年前

政知道 · 全权代表国家的人，什么情况会“意外回国”？

7 年前