{"repo":"owenmcateer/canvas-cast","free":true,"listed":false,"github":"https://github.com/owenmcateer/canvas-cast","clone":"git clone https://github.com/owenmcateer/canvas-cast.git","description":"Cast any <canvas> element to an LED Matrix over WebSockets with an Arduino/ESP8266.","language":"C++","stars":53,"topics":["canvas","arduino","javascript","rgb-led","matrix","led-matrix","cast","stream"],"license":"GPL-3.0","category":"chat-messaging","readme_excerpt":"Cast to a Matrix Cast any 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. Features: - Stream any canvas element over WiFi - Tested with 225 pixels at 60fps and 504 pixels at 30fps - 2D or 3D(WebGL) - Supports all popular LED types (powered by FastLED) - Matrix brightness control - Custom pixel layout mapping - Matrix status pixel - Web status/control More examples p5js (Matrix rain) Custom pixel mapping Displays don't just have to be plain grids, custom pixel mapping can create any display shape or layout. Webcam streaming Getting started setup In this example setup we're using: ESP8266 NodeMCU 15x15 RGB LED Matrix (WS2812B) 5V 10A PSU Laptop & home WiFi Arduino/ESP8266 1. Open the Arduino sketch file and edit the following settings: 2. Upload sketch to the ESP8266. 3. Open console monitor and take note of ESP8266's IP address. (or check your WiFi route) 4. On the Matrix, pixel zero(status pixel) will flash orange while it connects to Wifi, once connected it will pluse green to indacate it is ready. Web interface 1. Open src/index.html and edit the following config, found at the top of the document. WS port will be 81 unless you changed it in the Arduino sketch","default_branch":null,"files":null,"tree":[],"storefront":"/r/owenmcateer","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/owenmcateer/canvas-cast/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}