构建一个8x8 LED新像素器件，并探索像素艺术与块编码系统

在用基本和重复的元素创造复杂图案时，我感到某种神秘感和魅力，我认为这种感觉在人类历史上，从马赛克和刺绣艺术到现代复古电子游戏，许多人都有这种感觉。

我相信，一旦你理解了许多学科中的这些块系统，它就会开始揭示一种理解和享受学习乐趣的方式，同时实践一种有用的模式主义方法来解决问题。

在这里，你会发现如何创建一个设备，并使用它在一个非常方便的方式开始创建彩色led像素艺术。在这个过程中，你可能会发现许多像素绘制的可能性，也可能是设备的其他潜在用途。

首先，我们将基于Seeed Studio®XIAO板和新像素技术制作一个设备，然后我们将使用MicroBlocks®(一种类似于scratch的块编码软件)来单独控制每个新像素的颜色。

原型快乐!

第一部分：制作设备

1. 安装固件

这是一个一次性的过程，根据XIAO MCU的不同，指令可能会有所不同。在此列表中，您将找到支持的mcu;点击你要看的详细说明：

•XIAO SAMD21

•XIAO nRF52840(和Sense)

•XIAO RP2040

•XIAO RP2350

•XIAO ESP32-C3

•XIAO ESP32-S3

请注意，目前不支持这些版本：

•XIAO ESP32C6

•XIAO RA4M1

•XIAO MG24 (Sense)

所以，在选择冲浪板的时候一定要小心。除了这个软件支持之外，每个板之间也存在差异，这可以促使您探索其他使用可能性，如内置传感器，通信能力，内存大小等。

您可以点击每个版本的链接来查看它们的具体安装说明。在同一篇文章中，您可以深入了解每个板的更多细节和规格。

2. 制作硬件

为了给led提供稳定的能量，我们建议将矩阵焊接到电路板/屏蔽上，或者使用您喜欢的稳定连接器。

除了具有其他可用的焊接针孔和内置电池管理之外，使用Grove保护罩还可以通过Grove生态系统添加多个传感器、执行器或其他组件。

电路图如下(无屏蔽和带屏蔽)：

无论如何，我们建议仔细检查工会的隔离性和连续性，避免错误和空头。

3. 可选：制作案例

我们非常喜欢这个系统，所以我们决定为他设计一个盒子。目前，这个案例和围绕工具包的教育服务是我们经济工作模式的一部分，所以如果你有兴趣获得案例并支持我们的工作，你可以随时联系我们并寻求合作。

在互联网上，我们发现了一些类似的案例，也许你可以得到或受到启发，创造自己的。有了led，总是有机会使用各种材料进行光效;例如，一个方形网格和一张纸可以让你的灯看起来很棒。

第二部分使用MicroBlocks®创建

1. 安装MicroBlocks®

在软件方面，你可以使用MicroBlocks浏览器版本，不需要任何设置，即使它可以在任何浏览器上运行，你也需要在台式机、笔记本电脑或Chromebook(没有移动设备)上使用Edge或Chrome。

此外，对于大多数常见的操作系统，都有完整的可安装应用程序。如果您有任何问题或麻烦，您可以随时看到MicroBlocks get Started标签中的“计算机设置”部分。

安装后，您可以探索一些功能，如块的大小，高级块或暗视图模式。无论如何，在这个链接中您可以找到完整的IDE用户指南。

2. 连接板

•用数据传输USB电缆将硬件插入计算机。

•在MicroBlocks IDE的右上角，单击连接(插头图标)按钮。

•从显示的菜单中选择通过USB连接。

•在新的弹出窗口中，选择端口(可能是唯一出现的端口)，然后单击该窗口的连接按钮

•如果一切都是正确的，可能只需要几秒钟的时间就可以将按钮的标签更改为“板的名称”，并将插头图标更改为绿色背景。现在已经为块编码做好了准备!

您可以随时查看原始说明，了解详细和更新的信息。

3. 像素画

一旦你把你的设备插入并连接到你的MicroBlocks电脑上，我建议你做一个快速测试：

•单击Blocks类别下面的Add Library按钮

•在弹出窗口中选择“Neopixel”库，点击“打开”按钮

•拖放从NeoPixel库中获取的以下块，键入正确的数字，并通过单击任何块的蓝色区域来执行它们。

在点击之后，矩阵的所有新像素都应该亮起来并保持绿色。如果没有发生，请确认您正在点击方块的蓝色区域(方块的周长应该在大约1秒内呈现白色)。如果仍然不能工作，请检查电路板和电路的连接。

在这个故事中，我们没有深入了解Neopixel库，但是如果你有兴趣了解更多，你可以在这个链接中查看Neopixel库的描述。

在这个快速测试之后，现在让我们尝试我们的像素绘制特殊库：

•下载库文件“pixel_drawing”。Ubl”从代码附件

•单击“添加库”按钮，然后单击“计算机”按钮，在资源管理器窗口中找到文件，然后单击“打开”。

•加载库之后，拖放下面的块

•根据您想要的颜色，为每个新像素键入一个字母。空格键和回车键不被考虑在内，但它们可以用作视觉帮助。你可以自己发现一些基本颜色的字母，但这里是列表：

R =红色，g =绿色，b =蓝色，y =黄色，m =品红，c =青色，w =白色，p =粉色，a =灰色，o=橙色，n =棕色，e =米色。任何其他字母或符号将被视为关闭。

举个例子，我们有一个著名的拉丁美洲电视角色：

和他对应的块：

新像素的正方形形状是用MDF网格和一张纸实现的

我们将这个库设计为一种直观的方式，可以快速直接地使用颜色和选择发光的新像素。

本文编译自hackster.io