Data-Pixels 通过编程创造像素图案开源项目

我要开发同款
匿名用户2021年11月02日
16阅读
开发技术JavaScriptHTML/CSS
所属分类图形和图像工具、应用工具
授权协议MIT

作品详情

DATAPIXELS是一款通过编程来画像素图的工具,包含DataPixels.js和 DataPixelsPlayground两部分。

DataPixels.jsDataPixels.js源代码采用模块化ES2015类设计,可轻松构建新实例,每个实例都包含 HTMLCanvasElement 和 HTMLImageElement 公共访问器,在运行时通过编程生成像素图像。

安装通过输入以下CLI命令,可以将DataPixels.js包作为项目依赖项从NPM安装:

npmidata-pixels创建DataPixels.js构造函数需要2个参数:

pixelData:包含一个或多个等长数组的数组,由每个24位RGB颜色通道(例如“255,255,255”)或32位RGBA颜色通道(例如“255,255,255,255”)的0-255个整数值组成的字符串组成。此外,字符串可以可选地包含任何类型的描述性文本(例如,“Red:255,G-128,64forBlue,Transparency=32”),因为字符串中的数字值将按RGB/RGBA顺序进行解析。包含4个以上数字的字符串将引发错误。

pixelSize:每个颜色数据单元的大小(以像素为单位)。该值表示形成像素艺术的每个感知像素的大小。

DataPixelsPlayground

DataPixelsPlayground是适用于 Windows、Mac 和 Linux 的轻量级跨平台桌面应用程序,可用于编写和执行DataPixels.js实例,便于及时查看或修改DataPixels.js生成的图案。

查看全文
声明:本文仅代表作者观点,不代表本站立场。如果侵犯到您的合法权益,请联系我们删除侵权资源!如果遇到资源链接失效,请您通过评论或工单的方式通知管理员。未经允许,不得转载,本站所有资源文章禁止商业使用运营!
下载安装【程序员客栈】APP
实时对接需求、及时收发消息、丰富的开放项目需求、随时随地查看项目状态

评论