🚀 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）许可证。