微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

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

程序名称:AnyPixel.js

授权协议: Apache 2.0

操作系统: 跨平台

开发语言: C/C++

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);
});

AnyPixel.js 官网

https://github.com/googlecreativelab/anypixel

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。

相关推荐