Skip to content

Mathews2115/AutoDashFrontEnd

Repository files navigation

Quick How-To Raspberry Pi 4 Digital Dashboard setup.

See https://github.com/Mathews2115/AutoDashBackEnd for HW setup. PXL_20210808_010642720 image

Tech stack

  • Pixi.js
  • Greensock for transitions/movement translations
  • robust-websocket

Few Dev notes...

  • The front end engine wraps Pixi.js for WebGL and asset management.
  • Becaues I'm a glutton for punishment, I render most geometry to textures on first frame, to lessen the load on the RPI 4 GPU. So must things that use sprites or filters (ie shaders), I'll just render it to a texture so I dont have to send a bunch of complicated geometry down the pipeline each frame.
  • There is a worker thread that is in charge of all websocket communications with the backend.
  • Togglable - light/dark themes
  • State - I try to keep the frontend stateless for the most part; outside of timeouts, it should just react from the data it gets from the backend.