curvejs

魔幻线条框架
授权协议 MIT
开发语言 JavaScript
所属分类 Web应用开发、 常用JavaScript包
软件类型 开源软件
地区 国产
投 递 者 长孙朝明
操作系统 跨平台
开源组织 腾讯
适用人群 未知
 软件概览

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

 相关资料
  • 框架魔法的好处是显而易见的 单一的魔法往往威力有限,所以法师们常常把许多小魔法组合起来,形成一个有效的大魔法 一般来说,吟唱 This is a silly framework...,天天唱夜夜唱,唱多了有些法师发现了其中的共性,提炼出来,只发 TIASF,就可以完成魔法的吟唱,于是乎,框架就诞生了 三重打击后,小法师一直活在阴影中 纵观法师界的那些魔导师们,各种魔法往往信手拈来 一个玩碳魔法的高

  • 在CSS1中,就支持为元素添加边框,并可以设置边框的样式、颜色、及粗细。不过,当时的边框太过单一,只支持简单的线条边框。 在CSS3中,为了实现丰富的边框效果,对边框属性进行了扩展,除了线条边框外,也可以把图像作为边框,同时还可以创建圆角边框,也可以使用盒阴影来为元素添加一个或多个边框阴影。 线条边框使用 border属性定义,图像边框使用 border-image 属性来定义,圆角边框使用 bo

  • 首先声明C++选手,项目一个mit,一个webserver,一个课设 pdd一面: 前面是一些基础八股,随便答,然后面试官直接忽视我的两个轮子项目,开始all in数据库 问我mysql锁,“不会,没用过” 问我redis,“我只知道有五个基本数据结构哇,剩下的不会也没用过” 问我会不会java,golang相关的中间件和后端框架,“没碰过java,不会哦,golang的框架我知道有gin(只知道

  • 欢迎阅读另一个定制教程,在这里我们使用 Matplotlib 讨论边框和水平线条。 有时候你可能想做的事情是改变边框的颜色,或者甚至完全删除它们。 图形的边框基本上是图形的边界,其中有刻度线等东西。为了改变边框的颜色,你可以做一些类似这样的事情: ax1.spines['left'].set_color('c') 在这里,我们引用了我们的边框字典,表示我们要调整左边框,然后我们使用set_colo

  • 我开始认为我只是无法看到显而易见的事情。 给定下面的代码,我想从坐标[x1,y1]到[x2,y2]画一条线。 从图中我可以看到这条线从锚点[x1,y1]开始,但是我必须输入宽度和高度,而不是目标点的坐标。但是目标坐标的y分量小于起始坐标的y分量,所以我尝试将高度设置为负值,这导致PowerPoint试图打开生成的PPTX文档时出错(“PowerPoint发现out.pptx文件中的内容有问题”);

  • 主要内容:JavaFX线条,示例 - 1,示例 - 2为了在JavaFX场景上渲染图形,我们需要基本的形状和颜色。 类是所有JavaFX场景图形节点的基本基类。它提供了转换和应用效果到任何节点的能力。 类是类的子类。所有较旧的JavaFX 2.x Builder中使用,但在JavaFX 8中这个类已弃用。 JavaFX线条 当在JavaFX场景图形上绘制时,使用屏幕坐标空间(系统)渲染线。 屏幕坐标系将()放在左上角。坐标沿着轴移动点。从上到下移动点