node.jsでAdafruit 32x16 RGB LED Matrixを制御する (3)：画像の表示

png画像を元にLED Matrixに表示するパターンをやってみました。

画像の読み込みはnode-canvasを使いました。
node-canvasの導入はhttps://qiita.com/CLCL/items/4a46f98d864d37e45a96が参考になります。

LED Matrixの表示方法は前回とほぼ一緒です。

'use strict';

const fs = require('fs');
const Canvas = require('canvas');
const LedMatrix = require("node-rpi-rgb-led-matrix");

const PANEL_WIDTH = 32;
const PANEL_HEIGHT = 16;

const imageFilePath = './marimekko.png';

let matrix = new LedMatrix(16);
matrix.clear();

fs.readFile(imageFilePath, function(err, data) {
  if (err) throw err;

  let img = new Canvas.Image;
  img.src = data;

  let canvas = new Canvas(PANEL_HEIGHT, PANEL_HEIGHT);
  let ctx = canvas.getContext('2d');
  ctx.drawImage(img, 0, 0, img.width, img.height);

  let imageData = ctx.getImageData(0, 0, PANEL_HEIGHT, PANEL_HEIGHT);

  setInterval(function(){
    for(let y=0; y<PANEL_HEIGHT; y++) {
      for(let x=0; x<PANEL_WIDTH; x++) {
        let index = (y + PANEL_WIDTH + x) * 4;
        matrix.setPixel(x, y, imageData.data[index], imageData.data[index+1], imageData.data[index+2]);
      }
    }
  },  500);
});

敢えてsetInterval内でピクセル操作しているのは、動画再生を見込んでいるからです。