Anypixel

🚀 AnyPixel.js 简介

AnyPixel.js 是一个开源的软硬件库，借助它，我们能够利用网络创建大型、不寻常且具备交互性的显示设备。任何人都可以复刻代码和原理图，按任意规模打造属于自己的显示设备。该平台最初在 Google NYC 办公室的第 8 大道大厅投入使用。为了完成此次装置搭建，我们采用了 5880 个现成的电玩按钮，每个按钮内部都配备了作为像素的 LED。AnyPixel.js 简单直观的软硬件框架，让构建任何交互式显示设备变得轻而易举。

✨ 主要特性

AnyPixel.js 提供了一套完整的解决方案，涵盖硬件、固件、后端和前端等多个方面：

• /hardware - 包含 EAGLE 原理图、电路板布局、CAD 文件、接线图和蓝图。
• /firmware - 为 STM32 设备家族编写的微控制器代码。
• /backend - 借助 Node.js 和 Chrome 应用程序实现与硬件的通信。
• /frontend - 提供浏览器中的应用程序框架、预览器，还有由 Google 员工和全球朋友编写的 12 个示例应用程序。

🚀 快速开始

查看示例

我们准备了 12 个示例应用程序，这些程序由 Google 员工和其他开发者编写，用于第 8 大道纽约展示厅的显示设备。若要查看这些示例，你可以安装 预览器 并运行其中一个 示例。

创建自己的应用程序

使用 Anypixel 框架创建自定义应用程序十分简便。若要开启开发之旅，你可以查看 框架文档 和 示例应用程序。

💻 使用示例

基础用法

var anypixel = require('anypixel'); 
var ctx = anypixel.canvas.getContext2D();

var colors = ['#F00', '#0F0', '#00F'];

/**  
 * 监听 onButtonDown 事件并在事件位置绘制一个2x2矩形
 */
document.addEventListener('onButtonDown', function(event) {   
	ctx.fillStyle = colors[Math.floor(Math.random() * colors.length)];
	ctx.fillRect(event.detail.x - 1, event.detail.y - 1, 2, 2);
}); 

👥 贡献者

• Jeremy Abel
• Kyle Phillips
• Nick Fox-Gieg
• Jeramy Morrill
• Manny Tan
• Felix Woitzel
• Anders Hoff
• Dimitry Bentsionov
• Nick Stahlnecker

⚠️ 重要提示

第三方目录可能采用不同的（非 Apache 2.0）许可证。