AnyPixel.js可令用户自己创造交互展示

联合创作 · 2023-09-29 20:11

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);
});
浏览 7
点赞
评论
收藏
分享

手机扫一扫分享

编辑 分享
举报
评论
图片
表情
推荐
点赞
评论
收藏
分享

手机扫一扫分享

编辑 分享
举报