AnyPixel.js可令用户自己创造交互展示
AnyPixel.js 是 Google 开源的一个软件和硬件框架,可以用来构建各种由“像素”构成的展示,每个像素可以是任何一种可交互的实体对象,如 LED 灯、气球等。
谷歌希望让用户获得掌控权,创造自己熟悉的设置,无论是选择气球、灯箱或者大量其它部件以将你的想法变成现实。在你开始之前,你可以使用谷歌的浏览器预览,大致了解下你的项目完成后的样子,所以你不会盲目的创造而不知道结果是怎样。
使用示例:
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); });
评论