Data-Pixels通過編程創造像素圖案

DATA PIXELS 是一款通過編程來畫像素圖的工具，包含 DataPixels.js 和?Data Pixels Playground 兩部分。

DataPixels.js

DataPixels.js 源代碼采用模塊化 ES2015 類設計，可輕松構建新實例，每個實例都包含?HTMLCanvasElement?和?HTMLImageElement?公共訪問器，在運行時通過編程生成像素圖像。

安裝

通過輸入以下 CLI 命令，可以將 DataPixels.js 包作為項目依賴項從 NPM 安裝：

npm i data-pixels

創建

DataPixels.js 構造函數需要 2 個參數：

1. pixelData：包含一個或多個等長數組的數組，由每個 24 位 RGB 顏色通道（例如“255, 255, 255”）或 32 位 RGBA 顏色通道（例如“255, 255, 255, 255”）的 0-255 個整數值組成的字符串組成。此外，字符串可以可選地包含任何類型的描述性文本（例如，“Red: 255, G - 128, 64 for Blue, Transparency = 32”），因為字符串中的數字值將按 RGB / RGBA 順序進行解析。包含 4 個以上數字的字符串將引發錯誤。

2. pixelSize：每個顏色數據單元的大?。ㄒ韵袼貫閱挝唬?。該值表示形成像素藝術的每個感知像素的大小。

Data Pixels Playground

Data Pixels Playground 是適用于?Windows、Mac?和?Linux?的輕量級跨平臺桌面應用程序，可用于編寫和執行 DataPixels.js 實例，便于及時查看或修改 DataPixels.js 生成的圖案。