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:每个颜色数据单元的大小(以像素为单位)。该值表示形成像素艺术的每个感知像素的大小。
DataPixelsPlaygroundDataPixelsPlayground是适用于 Windows、Mac 和 Linux 的轻量级跨平台桌面应用程序,可用于编写和执行DataPixels.js实例,便于及时查看或修改DataPixels.js生成的图案。
评论