Cast any
<canvas>
to a MatrixCast any <canvas>
element to an LED Matrix over WebSockets with an Arduino/ESP8266.
Bring your HTML canvas projects into the real world by streaming them in realtime over WiFi to an LED Matrix, using an Arduino compatable board with WiFi, such as the ESP8266..
Cast over USB?
See https://github.com/owenmcateer/canvas-cast-serial to cast without WiFi using a serial connection over USB.
Displays don't just have to be plain grids, custom pixel mapping can create any display shape or layout.
In this example setup we're using:
// Wifi SSID and password
const char* ssid = "NetworkName";
const char* password = "wifipassword";
// Matrix size
const uint8_t kMatrixWidth = 15;
const uint8_t kMatrixHeight = 15;
// Matrix settings
#define LED_PIN 3
#define COLOR_ORDER GRB
#define CHIPSET WS2812B
// Config
const matrix = {
// Matrix IP & port of ESP8266
ip: '192.168.1.65:81',
// Matrix pixel size
width: 15,
height: 15,
};
npm install
npm run start