百科.dev
全部条目在线工具AI 编程趋势榜开源项目技术资讯提交条目
登录
< 返回工具列表
C

canvas-sketch-util

> 编程语言
开源

用于在 Canvas、WebGL 和生成艺术中绘制的工具

750 stars0 点赞5 次浏览
访问官网GitHub

工具介绍

用于在 Canvas、WebGL 和生成艺术中绘制的工具

canvas-sketch-util

用于在 Canvas、WebGL 和 JavaScript 中创造性艺术的工具。 它旨在与 canvas-sketch 工具集一起使用,但它的通用性足以适用于各种 Node.js/Browser 用例。

示例

您可以单独要求每个模块,并仅获取必要的功能。 一些示例:

javascript
const math = require('canvas-sketch-util/math');

console.log(math.clamp(1.25, 0, 1));
// 1

或者使用解构来只获取少数几个函数:

javascript
const { fract, lerp } = require('canvas-sketch-util/math');

console.log(fract(51.23));
// 0.23

console.log(lerp(0, 50, 0.5));
// 25

random 实用程序受到 Unity3D 以及其他引擎的启发。

javascript
const random = require('canvas-sketch-util/random');

console.log(random.value());
// some random number between 0 (inclusive) and 1 (exclusive)

// Create a seeded random generator
const seeded = random.createRandom(25);

console.log(seeded.range(25, 50));
// some deterministic random number

console.log(seeded.shuffle([ 'a', 'b', 'c' ]));
// deterministically shuffles a copy of the array

特性

已实现以下模块:

  • math - 数学与插值工具
  • random - 随机数生成器
  • color - RGB 和 HSL 颜色工具
  • geometry - 几何图形和形状工具
  • penplot - 与笔式打印机(例如 AxiDraw)相关的工具
  • shader - 全屏 GLSL 着色器工具

您还可以在 ./test/examples.js 中查看一些示例。

Issues· 0 开放

查看全部 Issues在 GitHub 打开

暂无开放 Issues,或尚未同步最近议题。

> 标签

JavaScript

暂无评论,来聊聊你的看法吧

> 工具信息

发布日期2026年8月1日
最后更新2026年9月17日
分类编程语言
定价开源

> 相关工具

T
TypeScript
JavaScript 的超集,为前端与全栈提供静态类型
P
Python
通用编程语言,广泛用于 Web、数据与 AI
G
Go
Google 推出的简洁高效系统语言