Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Hyperapp, Flipdots & Pixelkunst

Hyperapp, Flipdots & Pixelkunst

Vortrag auf der neuland.conf, Bremen
https://www.youtube.com/watch?v=IeLGfhHNqM8

Michael Geers

October 19, 2018
Tweet

More Decks by Michael Geers

Other Decks in Technology

Transcript

  1. hyperapp.js Functional DOM Diffing Komponenten State Management Elm, React/Redux The

    Important Parts 1kB JavaScript Vergleich: ~30kB Elm, ~40kB React+Redux, ~60kB Vue, ~110kB Angular
  2. AlfaZeta - Flip-Dot Boards XY5 - https://flipdots.com/ 7x7 Dev Board

    - Serielle Steuerung RS485
 Arduino/RPi *yay*
 - 24V Spannung - Erweiterbar über
 Steckverbindung
  3. 0 1 0 0 0 0 0 0 0 1

    1 1 1 1 0 0 1 0 1 1 0 0 0 1 1 1 1 1 0 0 1 0 1 1 0 0 0 1 1 1 1 1 0 1 0 0 0 0 0 Payload berechnen parseInt("0100000", 2) => 32 // 0x20 Jede Spalte ist ein Byte parseInt("0011111", 2) => 31 // 0x1f Basis 2
  4. Steuerung Micro Snitch Log-File On-Air Daemon Webservice Flip-Dot Raspberry Pi

    Macbook PUT /status/audio PUT /status/video PUT /status/idle Local Wifi
  5. Try it yourself! https://7x7.ninja/ https://github.com/naltatis/7x7ninja Und nein, das ist nicht

    mit meinem Display gekoppelt :) Responsive
 Progressive Webapp Lighthouse Score 100 :) 11kb Script
  6. Credits John Cleese Desk https://ichef.bbci.co.uk/images/ic/1200x675/p01gk35d.jpg Icons by Freepik https://www.flaticon.com Split-Flap

    Animation+ https://en.wikipedia.org/wiki/Split-flap_display Flip-Disk Schema https://breakfastny.com/flip-disc-system ŠJů (cs:ŠJů) - Own work https://commons.wikimedia.org/w/index.php?curid=10771385 Code: Carbon https://carbon.now.sh/ Fonts: Dank Mono & BPdots https://dank.sh/ https://www.fontsquirrel.com/fonts/BPdots