文档结构  
翻译进度:已翻译     翻译赏金:0 元 (?)    ¥ 我要打赏

img

AnyPixel.js 是一个开源的软件和硬件库,可以使用web创建大型的,特别的,交互式显示。 任何人都可以fork代码和原理图创建自己的任意规模的显示。

使用此平台的第一个显示器位于Google NYC办公室的第8大道大堂。 为了创建这个安装,我们使用5880个现成的街机按钮,其中使用LED作为我们的像素。 AnyPixel.js的简单硬件/软件架构使得轻松构建任何显示,其中每个像素都是一个交互式元素。

第 1 段(可获 2 积分)

buttonwall

你会发现

  • /hardware - EAGLE原理图,电路板布局,CAD文件,接线图和蓝图
  • /firmware - 微控制器代码,为STM32系列器件编写
  • /backend - node.js和chrome应用程序与硬件通信。
  • /frontend - 应用程序框架,浏览器内预览和全球Google员工和朋友编写的12个示例应用程序。

开始

查看示例

我们提供了12个由Google员工和朋友编写的用于在纽约第8大道大厅展示的示例应用程序。 要查看它们,请安装 previewer并运行其中一个示例

第 2 段(可获 2 积分)

建立你自己的应用

运用Anypixel框架构造自己的应用非常容易。请先阅读 框架文档 和示例应用:

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

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

/**  
 * * Listen for onButtonDown events and draw a 2x2 rectangle at the event site
 */
document.addEventListener('onButtonDown', function(event) {   
    ctx.fillStyle = colors[Math.floor(Math.random() * 3)];
    ctx.fillRect(event.detail.x - 1, event.detail.y - 1, 2, 2);
}); 

贡献者

第 3 段(可获 2 积分)

文章评论