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）許可證。