Add files via upload
This commit is contained in:
Serverlele30 authored and GitHub committed
1 parent
1c89edd796
commit
7a64cf3610
6 files changed
+973
-1
No files matched your search
@@ -1 +1,504 @@
|
|||||||
# rpi-ubahn
|
# 🚇 Berliner U-Bahn Anzeige für Raspberry Pi
|
||||||
|
|
||||||
|
Eine authentische Berliner U-Bahn Bahnsteiganzeige für den **Raspberry Pi 3B** mit **joy-it RB-TFT3.2V2** Display (480x360). Zeigt Echtzeit-Abfahrten der **U9** an der Station **Amrumer Straße**.
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## 📸 Screenshot
|
||||||
|
|
||||||
|
```
|
||||||
|
┌─────────────────────────────────────────────────────┐
|
||||||
|
│ 🔵 U Amrumer Straße 14:23 │ ← Gelber Header
|
||||||
|
├─────────────────────────────────────────────────────┤
|
||||||
|
│ │
|
||||||
|
│ → Osloer Straße │
|
||||||
|
│ 🟧 U9 5 min │ ← Orange U9-Badge
|
||||||
|
│ 8 min │
|
||||||
|
│ │
|
||||||
|
│ ─────────────────────────────────────────────────── │
|
||||||
|
│ │
|
||||||
|
│ → Rathaus Steglitz │
|
||||||
|
│ 🟧 U9 3 min │
|
||||||
|
│ 12 min │
|
||||||
|
│ │
|
||||||
|
└─────────────────────────────────────────────────────┘
|
||||||
|
```
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## ✨ Features
|
||||||
|
|
||||||
|
- ✅ **Echtzeit-Daten** über VBB REST API
|
||||||
|
- ✅ **U9-spezifisch** für Amrumer Straße
|
||||||
|
- ✅ **Beide Richtungen**: Osloer Straße ↔ Rathaus Steglitz
|
||||||
|
- ✅ **Authentisches BVG-Design** mit U-Bahn Symbol
|
||||||
|
- ✅ **Autostart** via systemd Service
|
||||||
|
- ✅ **Dynamische Display-Konfiguration** mit `display_config.json`
|
||||||
|
- ✅ **480x360 Auflösung** optimiert für joy-it TFT Display
|
||||||
|
- ✅ **Node.js basiert** - schnell und ressourcenschonend
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## 🔧 Hardware-Anforderungen
|
||||||
|
|
||||||
|
| Komponente | Beschreibung |
|
||||||
|
|------------|--------------|
|
||||||
|
| **Raspberry Pi** | Raspberry Pi 3B (oder neuer) |
|
||||||
|
| **Display** | joy-it RB-TFT3.2V2 (480x360, BGRA8888) |
|
||||||
|
| **OS** | Raspberry Pi OS (Lite oder Desktop) |
|
||||||
|
| **Internet** | WLAN/Ethernet für API-Zugriff |
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## 📦 Installation
|
||||||
|
|
||||||
|
### 1️⃣ System vorbereiten
|
||||||
|
|
||||||
|
```bash
|
||||||
|
# System aktualisieren
|
||||||
|
sudo apt update && sudo apt upgrade -y
|
||||||
|
|
||||||
|
# Node.js und npm installieren
|
||||||
|
curl -fsSL https://deb.nodesource.com/setup_18.x | sudo -E bash -
|
||||||
|
sudo apt install -y nodejs
|
||||||
|
|
||||||
|
# Git installieren
|
||||||
|
sudo apt install -y git
|
||||||
|
|
||||||
|
# Projekt klonen
|
||||||
|
git clone https://github.com/Serverlele30/rpi-ubahn.git
|
||||||
|
cd rpi-ubahn
|
||||||
|
```
|
||||||
|
|
||||||
|
### 2️⃣ Dependencies installieren
|
||||||
|
|
||||||
|
```bash
|
||||||
|
npm install
|
||||||
|
```
|
||||||
|
|
||||||
|
**Wichtig:** Falls `canvas` Build-Fehler auftreten:
|
||||||
|
|
||||||
|
```bash
|
||||||
|
sudo apt install -y build-essential libcairo2-dev libpango1.0-dev libjpeg-dev libgif-dev librsvg2-dev
|
||||||
|
npm install canvas --build-from-source
|
||||||
|
```
|
||||||
|
|
||||||
|
### 3️⃣ Display konfigurieren
|
||||||
|
|
||||||
|
Das Projekt enthält bereits eine `display_config.json`:
|
||||||
|
|
||||||
|
```json
|
||||||
|
{
|
||||||
|
"device": "/dev/fb0",
|
||||||
|
"format": "BGRA8888",
|
||||||
|
"width": 480,
|
||||||
|
"height": 360
|
||||||
|
}
|
||||||
|
```
|
||||||
|
|
||||||
|
**Display-Berechtigungen setzen:**
|
||||||
|
|
||||||
|
```bash
|
||||||
|
sudo chmod 666 /dev/fb0
|
||||||
|
```
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## 🚀 Verwendung
|
||||||
|
|
||||||
|
### Manueller Start (Test)
|
||||||
|
|
||||||
|
```bash
|
||||||
|
node ubahn_anzeige.js
|
||||||
|
```
|
||||||
|
|
||||||
|
**Erwartete Ausgabe:**
|
||||||
|
|
||||||
|
```
|
||||||
|
╔═══════════════════════════════════════════╗
|
||||||
|
║ U-BAHN ANZEIGE AMRUMER STR. ║
|
||||||
|
╚═══════════════════════════════════════════╝
|
||||||
|
|
||||||
|
Device: /dev/fb0
|
||||||
|
Format: BGRA8888
|
||||||
|
Auflösung: 480x360
|
||||||
|
|
||||||
|
✓ Display-Konfiguration geladen
|
||||||
|
2024-11-10T... INFO: Display init gestartet
|
||||||
|
2024-11-10T... INFO: Font geladen
|
||||||
|
2024-11-10T... INFO: Framebuffer geöffnet: /dev/fb0
|
||||||
|
2024-11-10T... INFO: Display bereit
|
||||||
|
2024-11-10T... INFO: API-Update: 12 U9-Bahnen
|
||||||
|
```
|
||||||
|
|
||||||
|
### API testen (ohne Display)
|
||||||
|
|
||||||
|
```bash
|
||||||
|
node test_api.js
|
||||||
|
```
|
||||||
|
|
||||||
|
Zeigt die nächsten U9-Abfahrten in der Konsole an.
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## 🔄 Autostart einrichten
|
||||||
|
|
||||||
|
### systemd Service installieren
|
||||||
|
|
||||||
|
```bash
|
||||||
|
# Service-Datei kopieren
|
||||||
|
sudo cp ubahn-anzeige.service /etc/systemd/system/
|
||||||
|
|
||||||
|
# Service aktivieren
|
||||||
|
sudo systemctl daemon-reload
|
||||||
|
sudo systemctl enable ubahn-anzeige.service
|
||||||
|
sudo systemctl start ubahn-anzeige.service
|
||||||
|
```
|
||||||
|
|
||||||
|
### Service verwalten
|
||||||
|
|
||||||
|
```bash
|
||||||
|
# Status prüfen
|
||||||
|
sudo systemctl status ubahn-anzeige
|
||||||
|
|
||||||
|
# Logs anzeigen
|
||||||
|
sudo journalctl -u ubahn-anzeige -f
|
||||||
|
|
||||||
|
# Neustarten
|
||||||
|
sudo systemctl restart ubahn-anzeige
|
||||||
|
|
||||||
|
# Stoppen
|
||||||
|
sudo systemctl stop ubahn-anzeige
|
||||||
|
```
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## 📁 Projektstruktur
|
||||||
|
|
||||||
|
```
|
||||||
|
rpi-ubahn/
|
||||||
|
├── ubahn_anzeige.js # Hauptprogramm
|
||||||
|
├── test_api.js # API-Test-Script
|
||||||
|
├── package.json # npm Dependencies
|
||||||
|
├── display_config.json # Display-Konfiguration
|
||||||
|
├── ubahn-anzeige.service # systemd Service-Datei
|
||||||
|
└── README.md # Diese Datei
|
||||||
|
```
|
||||||
|
|
||||||
|
### Datei-Beschreibungen
|
||||||
|
|
||||||
|
| Datei | Beschreibung |
|
||||||
|
|-------|--------------|
|
||||||
|
| `ubahn_anzeige.js` | Hauptprogramm - holt API-Daten und zeichnet Display |
|
||||||
|
| `test_api.js` | Test-Tool für VBB API ohne Display |
|
||||||
|
| `display_config.json` | Display-Einstellungen (Auflösung, Format, Device) |
|
||||||
|
| `ubahn-anzeige.service` | Systemd Service für Autostart |
|
||||||
|
| `package.json` | Node.js Abhängigkeiten (axios, canvas) |
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## ⚙️ Konfiguration
|
||||||
|
|
||||||
|
### Station ändern
|
||||||
|
|
||||||
|
Im Code `ubahn_anzeige.js` die `STATION_ID` ändern:
|
||||||
|
|
||||||
|
```javascript
|
||||||
|
const STATION_ID = "900009101"; // Amrumer Straße
|
||||||
|
```
|
||||||
|
|
||||||
|
**Andere Stationen finden:**
|
||||||
|
|
||||||
|
```bash
|
||||||
|
# Beispiel: Alexanderplatz suchen
|
||||||
|
curl "https://v6.vbb.transport.rest/locations?query=Alexanderplatz&results=5"
|
||||||
|
```
|
||||||
|
|
||||||
|
### Display-Auflösung anpassen
|
||||||
|
|
||||||
|
In `display_config.json`:
|
||||||
|
|
||||||
|
```json
|
||||||
|
{
|
||||||
|
"device": "/dev/fb0",
|
||||||
|
"format": "BGRA8888",
|
||||||
|
"width": 320, ← Anpassen
|
||||||
|
"height": 240 ← Anpassen
|
||||||
|
}
|
||||||
|
```
|
||||||
|
|
||||||
|
### Update-Intervall ändern
|
||||||
|
|
||||||
|
In `ubahn_anzeige.js` Zeile ~107:
|
||||||
|
|
||||||
|
```javascript
|
||||||
|
setInterval(fetchData, 20000); // 20 Sekunden (20000ms)
|
||||||
|
```
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## 🎨 Design-Details
|
||||||
|
|
||||||
|
### Farben (BVG-konform)
|
||||||
|
|
||||||
|
| Element | Farbe | RGB |
|
||||||
|
|---------|-------|-----|
|
||||||
|
| Hintergrund | Dunkelblau-Grau | `rgb(45, 55, 70)` |
|
||||||
|
| Header | BVG Gelb | `rgb(255, 220, 0)` |
|
||||||
|
| U9 Badge | Orange | `rgb(255, 110, 0)` |
|
||||||
|
| U-Symbol | Blau | `rgb(0, 80, 160)` |
|
||||||
|
| Text | Weiß | `rgb(255, 255, 255)` |
|
||||||
|
|
||||||
|
### Layout
|
||||||
|
|
||||||
|
- **Header (70px)**: U-Bahn Symbol + Stationsname + Uhrzeit
|
||||||
|
- **Richtung 1**: → Osloer Straße (2 Abfahrten)
|
||||||
|
- **Trennlinie**: Gelbe Linie
|
||||||
|
- **Richtung 2**: → Rathaus Steglitz (2 Abfahrten)
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## 🌐 API-Details
|
||||||
|
|
||||||
|
### VBB REST API
|
||||||
|
|
||||||
|
- **Base URL**: `https://v6.vbb.transport.rest/`
|
||||||
|
- **Dokumentation**: [v6.vbb.transport.rest](https://v6.vbb.transport.rest/)
|
||||||
|
- **Endpoint**: `/stops/{id}/departures`
|
||||||
|
- **Parameter**:
|
||||||
|
- `duration=60` - Abfahrten in nächsten 60 Minuten
|
||||||
|
- `results=50` - Max. 50 Ergebnisse
|
||||||
|
|
||||||
|
**Beispiel-Request:**
|
||||||
|
|
||||||
|
```bash
|
||||||
|
curl "https://v6.vbb.transport.rest/stops/900009101/departures?duration=60"
|
||||||
|
```
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## 🐛 Troubleshooting
|
||||||
|
|
||||||
|
### Problem: Display bleibt schwarz
|
||||||
|
|
||||||
|
**Lösung:**
|
||||||
|
|
||||||
|
```bash
|
||||||
|
# Framebuffer-Berechtigungen prüfen
|
||||||
|
ls -l /dev/fb0
|
||||||
|
|
||||||
|
# Berechtigungen setzen
|
||||||
|
sudo chmod 666 /dev/fb0
|
||||||
|
|
||||||
|
# Oder dauerhaft mit udev-Regel:
|
||||||
|
echo 'SUBSYSTEM=="graphics", KERNEL=="fb0", MODE="0666"' | sudo tee /etc/udev/rules.d/99-fbdev.rules
|
||||||
|
sudo udevadm control --reload-rules
|
||||||
|
```
|
||||||
|
|
||||||
|
### Problem: Canvas Build-Fehler
|
||||||
|
|
||||||
|
**Lösung:**
|
||||||
|
|
||||||
|
```bash
|
||||||
|
# Build-Tools installieren
|
||||||
|
sudo apt install -y build-essential libcairo2-dev libpango1.0-dev \
|
||||||
|
libjpeg-dev libgif-dev librsvg2-dev
|
||||||
|
|
||||||
|
# Canvas neu kompilieren
|
||||||
|
npm rebuild canvas --build-from-source
|
||||||
|
```
|
||||||
|
|
||||||
|
### Problem: "Font nicht gefunden"
|
||||||
|
|
||||||
|
**Lösung:**
|
||||||
|
|
||||||
|
```bash
|
||||||
|
# DejaVu Fonts installieren
|
||||||
|
sudo apt install -y fonts-dejavu-core
|
||||||
|
|
||||||
|
# Font-Cache aktualisieren
|
||||||
|
fc-cache -fv
|
||||||
|
```
|
||||||
|
|
||||||
|
### Problem: API liefert keine Daten
|
||||||
|
|
||||||
|
**Prüfen:**
|
||||||
|
|
||||||
|
```bash
|
||||||
|
# Test-Script ausführen
|
||||||
|
node test_api.js
|
||||||
|
|
||||||
|
# Netzwerk prüfen
|
||||||
|
ping -c 4 v6.vbb.transport.rest
|
||||||
|
|
||||||
|
# API manuell testen
|
||||||
|
curl "https://v6.vbb.transport.rest/stops/900009101/departures?duration=60"
|
||||||
|
```
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## 🔍 Logs analysieren
|
||||||
|
|
||||||
|
```bash
|
||||||
|
# Service-Logs (Live)
|
||||||
|
sudo journalctl -u ubahn-anzeige -f
|
||||||
|
|
||||||
|
# Letzte 50 Zeilen
|
||||||
|
sudo journalctl -u ubahn-anzeige -n 50
|
||||||
|
|
||||||
|
# Fehler filtern
|
||||||
|
sudo journalctl -u ubahn-anzeige -p err
|
||||||
|
```
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## 📊 Performance
|
||||||
|
|
||||||
|
- **CPU-Nutzung**: ~5-10% (Raspberry Pi 3B)
|
||||||
|
- **RAM**: ~50-80 MB
|
||||||
|
- **API-Requests**: Alle 20 Sekunden
|
||||||
|
- **Display-Refresh**: Jede Sekunde
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## 🤝 Beitragen
|
||||||
|
|
||||||
|
Beiträge sind herzlich willkommen! 🎉
|
||||||
|
|
||||||
|
1. **Fork** das Repository
|
||||||
|
2. **Clone** deinen Fork: `git clone https://github.com/DEIN-NAME/rpi-ubahn.git`
|
||||||
|
3. **Branch** erstellen: `git checkout -b feature/neue-funktion`
|
||||||
|
4. **Commit** Änderungen: `git commit -m "Neue Funktion hinzugefügt"`
|
||||||
|
5. **Push**: `git push origin feature/neue-funktion`
|
||||||
|
6. **Pull Request** öffnen
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## 📝 TODO / Roadmap
|
||||||
|
|
||||||
|
- [ ] **Mehrere Linien** unterstützen (U1, U2, U3, etc.)
|
||||||
|
- [ ] **Stationswechsel** per GPIO-Button
|
||||||
|
- [ ] **Web-Interface** für Konfiguration
|
||||||
|
- [ ] **Störungsmeldungen** anzeigen
|
||||||
|
- [ ] **Nacht-Modus** (Display aus 23:00-05:00)
|
||||||
|
- [ ] **Warnung** bei Verspätungen
|
||||||
|
- [ ] **Historische Daten** / Statistiken
|
||||||
|
- [ ] **Docker-Support**
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## 🏆 Features in Arbeit
|
||||||
|
|
||||||
|
### Geplante Updates
|
||||||
|
|
||||||
|
- **Multi-Station Support**: Wechsel zwischen mehreren Stationen
|
||||||
|
- **Touch-Support**: Touch-Bedienung auf dem Display
|
||||||
|
- **API-Caching**: Offline-Fallback bei API-Ausfall
|
||||||
|
- **Custom Themes**: Verschiedene Farbschemata
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## 📜 Lizenz
|
||||||
|
|
||||||
|
**MIT License**
|
||||||
|
|
||||||
|
```
|
||||||
|
Copyright (c) 2024 Serverlele30
|
||||||
|
|
||||||
|
Permission is hereby granted, free of charge, to any person obtaining a copy
|
||||||
|
of this software and associated documentation files (the "Software"), to deal
|
||||||
|
in the Software without restriction, including without limitation the rights
|
||||||
|
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
||||||
|
copies of the Software, and to permit persons to whom the Software is
|
||||||
|
furnished to do so, subject to the following conditions:
|
||||||
|
|
||||||
|
The above copyright notice and this permission notice shall be included in all
|
||||||
|
copies or substantial portions of the Software.
|
||||||
|
|
||||||
|
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
||||||
|
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
||||||
|
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
||||||
|
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
||||||
|
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
||||||
|
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
||||||
|
SOFTWARE.
|
||||||
|
```
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## 🙏 Credits & Danksagungen
|
||||||
|
|
||||||
|
- **VBB API**: [v6.vbb.transport.rest](https://v6.vbb.transport.rest/) - Öffentliche Verkehrsdaten Berlin
|
||||||
|
- **Node Canvas**: [node-canvas](https://github.com/Automattic/node-canvas) - HTML5 Canvas für Node.js
|
||||||
|
- **joy-it**: [RB-TFT3.2V2](https://joy-it.net/en/products/RB-TFT3.2V2) - TFT Display Hardware
|
||||||
|
- **BVG**: Design inspiriert von echten Berliner U-Bahn Anzeigen
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## 📞 Support & Kontakt
|
||||||
|
|
||||||
|
- **GitHub Issues**: [github.com/Serverlele30/rpi-ubahn/issues](https://github.com/Serverlele30/rpi-ubahn/issues)
|
||||||
|
- **Diskussionen**: [github.com/Serverlele30/rpi-ubahn/discussions](https://github.com/Serverlele30/rpi-ubahn/discussions)
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## 🔗 Nützliche Links
|
||||||
|
|
||||||
|
| Link | Beschreibung |
|
||||||
|
|------|--------------|
|
||||||
|
| [VBB API Docs](https://v6.vbb.transport.rest/) | API-Dokumentation |
|
||||||
|
| [joy-it Display](https://joy-it.net/en/products/RB-TFT3.2V2) | Display-Dokumentation |
|
||||||
|
| [Raspberry Pi](https://www.raspberrypi.com/) | Offizielle Raspberry Pi Seite |
|
||||||
|
| [BVG](https://www.bvg.de/) | Berliner Verkehrsbetriebe |
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## 🌟 Star History
|
||||||
|
|
||||||
|
Wenn dir dieses Projekt gefällt, gib ihm einen ⭐ auf GitHub!
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## 📸 Galerie
|
||||||
|
|
||||||
|
### Real-Life Setup
|
||||||
|
|
||||||
|
*Füge hier Fotos von deinem Setup hinzu!*
|
||||||
|
|
||||||
|
### Display-Ansicht
|
||||||
|
|
||||||
|
```
|
||||||
|
╔════════════════════════════════════════════════╗
|
||||||
|
║ 🔵 U Amrumer Straße 14:23 ║
|
||||||
|
╠════════════════════════════════════════════════╣
|
||||||
|
║ ║
|
||||||
|
║ → Osloer Straße ║
|
||||||
|
║ 🟧 U9 5 min ║
|
||||||
|
║ 8 min ║
|
||||||
|
║ ║
|
||||||
|
║ ──────────────────────────────────────────── ║
|
||||||
|
║ ║
|
||||||
|
║ → Rathaus Steglitz ║
|
||||||
|
║ 🟧 U9 3 min ║
|
||||||
|
║ 12 min ║
|
||||||
|
║ ║
|
||||||
|
╚════════════════════════════════════════════════╝
|
||||||
|
```
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
<div align="center">
|
||||||
|
|
||||||
|
**Made with ❤️ in Berlin** 🐻
|
||||||
|
|
||||||
|
[](https://github.com/Serverlele30/rpi-ubahn)
|
||||||
|
[](LICENSE)
|
||||||
|
[](https://nodejs.org/)
|
||||||
|
|
||||||
|
**Bei Fragen oder Problemen:** [Issues](https://github.com/Serverlele30/rpi-ubahn/issues) öffnen! 🚀
|
||||||
|
|
||||||
|
</div>
|
||||||
@@ -0,0 +1,6 @@
|
|||||||
|
{
|
||||||
|
"device": "/dev/fb0",
|
||||||
|
"format": "BGRA8888",
|
||||||
|
"width": 480,
|
||||||
|
"height": 360
|
||||||
|
}
|
||||||
@@ -0,0 +1,28 @@
|
|||||||
|
{
|
||||||
|
"name": "ubahn-anzeige",
|
||||||
|
"version": "1.0.0",
|
||||||
|
"description": "Berliner U-Bahn Bahnsteig Anzeige für Raspberry Pi mit TFT Display",
|
||||||
|
"main": "ubahn_anzeige.js",
|
||||||
|
"scripts": {
|
||||||
|
"start": "node ubahn_anzeige.js",
|
||||||
|
"dev": "node ubahn_anzeige.js",
|
||||||
|
"install-service": "sudo cp ubahn-anzeige.service /etc/systemd/system/ && sudo systemctl daemon-reload && sudo systemctl enable ubahn-anzeige"
|
||||||
|
},
|
||||||
|
"keywords": [
|
||||||
|
"ubahn",
|
||||||
|
"berlin",
|
||||||
|
"vbb",
|
||||||
|
"raspberry-pi",
|
||||||
|
"display"
|
||||||
|
],
|
||||||
|
"author": "",
|
||||||
|
"license": "MIT",
|
||||||
|
"dependencies": {
|
||||||
|
"axios": "^1.6.2",
|
||||||
|
"canvas": "^2.11.2",
|
||||||
|
"onoff": "^6.0.3"
|
||||||
|
},
|
||||||
|
"engines": {
|
||||||
|
"node": ">=14.0.0"
|
||||||
|
}
|
||||||
|
}
|
||||||
+93
@@ -0,0 +1,93 @@
|
|||||||
|
#!/usr/bin/env node
|
||||||
|
// API Test-Script - Testen ohne Display
|
||||||
|
|
||||||
|
const axios = require('axios');
|
||||||
|
|
||||||
|
const STATION_ID = "900009101"; // Amrumer Straße
|
||||||
|
const API_URL = `https://v6.vbb.transport.rest/stops/${STATION_ID}/departures`;
|
||||||
|
|
||||||
|
async function testAPI() {
|
||||||
|
console.log("=".repeat(50));
|
||||||
|
console.log("U-Bahn API Test");
|
||||||
|
console.log("=".repeat(50));
|
||||||
|
console.log("");
|
||||||
|
console.log(`Station ID: ${STATION_ID}`);
|
||||||
|
console.log(`API URL: ${API_URL}`);
|
||||||
|
console.log("");
|
||||||
|
|
||||||
|
try {
|
||||||
|
console.log("Fetching departures...");
|
||||||
|
const response = await axios.get(`${API_URL}?duration=60&results=50`, {
|
||||||
|
timeout: 10000
|
||||||
|
});
|
||||||
|
|
||||||
|
const data = response.data;
|
||||||
|
let departures = [];
|
||||||
|
|
||||||
|
// Handle different API response formats
|
||||||
|
if (typeof data === 'object' && data.departures) {
|
||||||
|
departures = data.departures;
|
||||||
|
} else if (Array.isArray(data)) {
|
||||||
|
departures = data;
|
||||||
|
}
|
||||||
|
|
||||||
|
console.log(`✓ Received ${departures.length} departures`);
|
||||||
|
console.log("");
|
||||||
|
|
||||||
|
// Filter U9
|
||||||
|
const u9 = departures.filter(d => d.line?.name === 'U9');
|
||||||
|
console.log(`U9 Departures: ${u9.length}`);
|
||||||
|
console.log("");
|
||||||
|
|
||||||
|
// Split by direction
|
||||||
|
const osloer = u9.filter(d => d.direction?.includes('Osloer'));
|
||||||
|
const steglitz = u9.filter(d =>
|
||||||
|
d.direction?.includes('Steglitz') || d.direction?.includes('Rathaus')
|
||||||
|
);
|
||||||
|
|
||||||
|
console.log("─".repeat(50));
|
||||||
|
console.log("→ Osloer Str.");
|
||||||
|
console.log("─".repeat(50));
|
||||||
|
osloer.slice(0, 3).forEach((dep, i) => {
|
||||||
|
const when = new Date(dep.when);
|
||||||
|
const now = new Date();
|
||||||
|
const mins = Math.floor((when - now) / 1000 / 60);
|
||||||
|
console.log(` ${i + 1}. U9 in ${mins} min (${when.toLocaleTimeString('de-DE')})`);
|
||||||
|
});
|
||||||
|
|
||||||
|
console.log("");
|
||||||
|
console.log("─".repeat(50));
|
||||||
|
console.log("→ Rathaus Steglitz");
|
||||||
|
console.log("─".repeat(50));
|
||||||
|
steglitz.slice(0, 3).forEach((dep, i) => {
|
||||||
|
const when = new Date(dep.when);
|
||||||
|
const now = new Date();
|
||||||
|
const mins = Math.floor((when - now) / 1000 / 60);
|
||||||
|
console.log(` ${i + 1}. U9 in ${mins} min (${when.toLocaleTimeString('de-DE')})`);
|
||||||
|
});
|
||||||
|
|
||||||
|
console.log("");
|
||||||
|
console.log("=".repeat(50));
|
||||||
|
console.log("✓ API Test erfolgreich!");
|
||||||
|
console.log("=".repeat(50));
|
||||||
|
|
||||||
|
} catch (error) {
|
||||||
|
console.error("");
|
||||||
|
console.error("✗ API Test fehlgeschlagen!");
|
||||||
|
console.error("");
|
||||||
|
|
||||||
|
if (error.code === 'ENOTFOUND') {
|
||||||
|
console.error("Fehler: Keine Internetverbindung");
|
||||||
|
} else if (error.code === 'ETIMEDOUT') {
|
||||||
|
console.error("Fehler: Timeout - API antwortet nicht");
|
||||||
|
} else {
|
||||||
|
console.error(`Fehler: ${error.message}`);
|
||||||
|
}
|
||||||
|
|
||||||
|
console.error("");
|
||||||
|
process.exit(1);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// Run test
|
||||||
|
testAPI();
|
||||||
@@ -0,0 +1,18 @@
|
|||||||
|
[Unit]
|
||||||
|
Description=U-Bahn Anzeige für Raspberry Pi
|
||||||
|
After=network.target
|
||||||
|
|
||||||
|
[Service]
|
||||||
|
Type=simple
|
||||||
|
User=pi
|
||||||
|
WorkingDirectory=/home/pi/ubahn
|
||||||
|
Environment="NODE_ENV=production"
|
||||||
|
ExecStart=/usr/bin/sudo /usr/bin/node /home/pi/ubahn/ubahn_anzeige.js
|
||||||
|
Restart=always
|
||||||
|
RestartSec=10
|
||||||
|
StandardOutput=journal
|
||||||
|
StandardError=journal
|
||||||
|
SyslogIdentifier=ubahn-anzeige
|
||||||
|
|
||||||
|
[Install]
|
||||||
|
WantedBy=multi-user.target
|
||||||
@@ -0,0 +1,324 @@
|
|||||||
|
#!/usr/bin/env node
|
||||||
|
// -*- coding: utf-8 -*-
|
||||||
|
// U-Bahn Anzeige – angepasst für 480x360 (BGRA8888)
|
||||||
|
|
||||||
|
const axios = require("axios");
|
||||||
|
const fs = require("fs");
|
||||||
|
const { createCanvas, registerFont } = require("canvas");
|
||||||
|
|
||||||
|
// ---- Konfiguration ----
|
||||||
|
let config = {
|
||||||
|
device: "/dev/fb0",
|
||||||
|
format: "BGRA8888",
|
||||||
|
width: 480,
|
||||||
|
height: 360
|
||||||
|
};
|
||||||
|
|
||||||
|
try {
|
||||||
|
if (fs.existsSync("display_config.json")) {
|
||||||
|
const savedConfig = JSON.parse(fs.readFileSync("display_config.json", "utf8"));
|
||||||
|
config = { ...config, ...savedConfig };
|
||||||
|
console.log("✓ Display-Konfiguration geladen");
|
||||||
|
} else {
|
||||||
|
console.log("! Keine display_config.json gefunden, nutze Defaults");
|
||||||
|
}
|
||||||
|
} catch (e) {
|
||||||
|
console.log("! Fehler beim Laden der Config:", e.message);
|
||||||
|
}
|
||||||
|
|
||||||
|
// Die Stations ID findest du unter
|
||||||
|
// "https://v6.vbb.transport.rest/locations?query=U_amrummer_stra%C3%9Fe&results=1"
|
||||||
|
// Das ist für die Amrumer Straße. Siehe hier: ^^^^^^^^^^^^^
|
||||||
|
const STATION_ID = "900009101";
|
||||||
|
|
||||||
|
const API_URL = `https://v6.vbb.transport.rest/stops/${STATION_ID}/departures`;
|
||||||
|
|
||||||
|
const FB_DEVICE = config.device;
|
||||||
|
const WIDTH = config.width;
|
||||||
|
const HEIGHT = config.height;
|
||||||
|
const FORMAT = config.format;
|
||||||
|
|
||||||
|
// Farben
|
||||||
|
const BG = { r: 45, g: 55, b: 70 };
|
||||||
|
const YELLOW = { r: 255, g: 220, b: 0 };
|
||||||
|
const U9_ORANGE = { r: 255, g: 110, b: 0 };
|
||||||
|
const WHITE = { r: 255, g: 255, b: 255 };
|
||||||
|
const GRAY = { r: 130, g: 130, b: 130 };
|
||||||
|
|
||||||
|
console.log("\n╔═══════════════════════════════════════════╗");
|
||||||
|
console.log("║ U-BAHN ANZEIGE AMRUMER STR. ║");
|
||||||
|
console.log("╚═══════════════════════════════════════════╝\n");
|
||||||
|
|
||||||
|
console.log(`Device: ${FB_DEVICE}`);
|
||||||
|
console.log(`Format: ${FORMAT}`);
|
||||||
|
console.log(`Auflösung: ${WIDTH}x${HEIGHT}\n`);
|
||||||
|
|
||||||
|
function log(level, message) {
|
||||||
|
const timestamp = new Date().toISOString();
|
||||||
|
console.log(`${timestamp} ${level}: ${message}`);
|
||||||
|
}
|
||||||
|
|
||||||
|
class Display {
|
||||||
|
constructor() {
|
||||||
|
log("INFO", "Display init gestartet");
|
||||||
|
this.departures_cache = [];
|
||||||
|
this.running = true;
|
||||||
|
this.fb = null;
|
||||||
|
this.draw_count = 0;
|
||||||
|
|
||||||
|
process.stdout.write("\x1B[?25l"); // Cursor ausblenden
|
||||||
|
|
||||||
|
try {
|
||||||
|
registerFont("/usr/share/fonts/truetype/dejavu/DejaVuSans-Bold.ttf", { family: "DejaVuSans" });
|
||||||
|
log("INFO", "Font geladen");
|
||||||
|
} catch (e) {
|
||||||
|
log("WARNING", `Font-Fehler: ${e.message}`);
|
||||||
|
}
|
||||||
|
|
||||||
|
this.openFramebuffer();
|
||||||
|
|
||||||
|
process.on("SIGTERM", () => this.onSignal("SIGTERM"));
|
||||||
|
process.on("SIGINT", () => this.onSignal("SIGINT"));
|
||||||
|
|
||||||
|
this.startApiLoop();
|
||||||
|
}
|
||||||
|
|
||||||
|
openFramebuffer() {
|
||||||
|
try {
|
||||||
|
if (!fs.existsSync(FB_DEVICE)) {
|
||||||
|
log("ERROR", `${FB_DEVICE} existiert nicht!`);
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
this.fb = fs.openSync(FB_DEVICE, "r+");
|
||||||
|
log("INFO", `Framebuffer geöffnet: ${FB_DEVICE}`);
|
||||||
|
|
||||||
|
const clearBuf = Buffer.alloc(WIDTH * HEIGHT * 4);
|
||||||
|
for (let i = 0; i < WIDTH * HEIGHT; i++) {
|
||||||
|
const offset = i * 4;
|
||||||
|
clearBuf[offset] = BG.b;
|
||||||
|
clearBuf[offset + 1] = BG.g;
|
||||||
|
clearBuf[offset + 2] = BG.r;
|
||||||
|
clearBuf[offset + 3] = 255;
|
||||||
|
}
|
||||||
|
fs.writeSync(this.fb, clearBuf, 0, clearBuf.length, 0);
|
||||||
|
log("INFO", "Display bereit");
|
||||||
|
} catch (e) {
|
||||||
|
log("ERROR", `Framebuffer-Fehler: ${e.message}`);
|
||||||
|
if (e.code === "EACCES") log("ERROR", `Lösung: sudo chmod 666 ${FB_DEVICE}`);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
onSignal(signum) {
|
||||||
|
log("INFO", `Signal ${signum} empfangen, beende...`);
|
||||||
|
this.running = false;
|
||||||
|
process.stdout.write("\x1B[?25h");
|
||||||
|
if (this.fb !== null) fs.closeSync(this.fb);
|
||||||
|
process.exit(0);
|
||||||
|
}
|
||||||
|
|
||||||
|
startApiLoop() {
|
||||||
|
const fetchData = async () => {
|
||||||
|
if (!this.running) return;
|
||||||
|
try {
|
||||||
|
const response = await axios.get(`${API_URL}?duration=60&results=50`, { timeout: 10000 });
|
||||||
|
const data = response.data;
|
||||||
|
let u9 = [];
|
||||||
|
|
||||||
|
if (data?.departures) u9 = data.departures.filter(d => d.line?.name === "U9");
|
||||||
|
else if (Array.isArray(data)) u9 = data.filter(d => d.line?.name === "U9");
|
||||||
|
|
||||||
|
this.departures_cache = u9;
|
||||||
|
log("INFO", `API-Update: ${u9.length} U9-Bahnen`);
|
||||||
|
} catch (e) {
|
||||||
|
log("WARNING", `API-Fehler: ${e.message}`);
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
fetchData();
|
||||||
|
setInterval(fetchData, 20000);
|
||||||
|
}
|
||||||
|
|
||||||
|
mins(when) {
|
||||||
|
try {
|
||||||
|
let whenStr = when;
|
||||||
|
if (whenStr.endsWith("Z")) whenStr = whenStr.slice(0, -1) + "+00:00";
|
||||||
|
const dep = new Date(whenStr);
|
||||||
|
const diff = (dep - new Date()) / 60000;
|
||||||
|
return diff >= 0.5 ? String(Math.floor(diff)) : "0";
|
||||||
|
} catch {
|
||||||
|
return "--";
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
roundRect(ctx, x, y, w, h, r) {
|
||||||
|
ctx.beginPath();
|
||||||
|
ctx.moveTo(x + r, y);
|
||||||
|
ctx.lineTo(x + w - r, y);
|
||||||
|
ctx.quadraticCurveTo(x + w, y, x + w, y + r);
|
||||||
|
ctx.lineTo(x + w, y + h - r);
|
||||||
|
ctx.quadraticCurveTo(x + w, y + h, x + w - r, y + h);
|
||||||
|
ctx.lineTo(x + r, y + h);
|
||||||
|
ctx.quadraticCurveTo(x, y + h, x, y + h - r);
|
||||||
|
ctx.lineTo(x, y + r);
|
||||||
|
ctx.quadraticCurveTo(x, y, x + r, y);
|
||||||
|
ctx.closePath();
|
||||||
|
ctx.fill();
|
||||||
|
}
|
||||||
|
|
||||||
|
draw() {
|
||||||
|
if (!this.fb) return;
|
||||||
|
|
||||||
|
const canvas = createCanvas(WIDTH, HEIGHT);
|
||||||
|
const ctx = canvas.getContext("2d");
|
||||||
|
|
||||||
|
// Hintergrund
|
||||||
|
ctx.fillStyle = `rgb(${BG.r},${BG.g},${BG.b})`;
|
||||||
|
ctx.fillRect(0, 0, WIDTH, HEIGHT);
|
||||||
|
|
||||||
|
// Header
|
||||||
|
ctx.fillStyle = `rgb(${YELLOW.r},${YELLOW.g},${YELLOW.b})`;
|
||||||
|
ctx.fillRect(0, 0, WIDTH, 70);
|
||||||
|
|
||||||
|
// --- U-Bahn Symbol (blau mit weißem U) ---
|
||||||
|
const uBoxX = 15;
|
||||||
|
const uBoxY = 10;
|
||||||
|
const uBoxSize = 50;
|
||||||
|
|
||||||
|
// Hintergrund des Symbols (blau)
|
||||||
|
ctx.fillStyle = "rgb(0, 80, 160)";
|
||||||
|
this.roundRect(ctx, uBoxX, uBoxY, uBoxSize, uBoxSize, 6);
|
||||||
|
|
||||||
|
// Buchstabe „U“ mittig & weiß
|
||||||
|
ctx.fillStyle = "white";
|
||||||
|
ctx.font = "bold 38px DejaVuSans";
|
||||||
|
ctx.textAlign = "center";
|
||||||
|
ctx.textBaseline = "middle";
|
||||||
|
ctx.fillText("U", uBoxX + uBoxSize / 2, uBoxY + uBoxSize / 2 + 2);
|
||||||
|
|
||||||
|
// Stationsname rechts neben dem Symbol
|
||||||
|
ctx.textAlign = "left";
|
||||||
|
ctx.textBaseline = "alphabetic";
|
||||||
|
ctx.fillStyle = `rgb(${BG.r},${BG.g},${BG.b})`;
|
||||||
|
ctx.font = "bold 28px DejaVuSans";
|
||||||
|
ctx.fillText("Amrumer Straße", uBoxX + uBoxSize + 25, 50);
|
||||||
|
|
||||||
|
// Uhrzeit
|
||||||
|
const now = new Date().toTimeString().slice(0, 5);
|
||||||
|
ctx.font = "bold 26px DejaVuSans";
|
||||||
|
ctx.fillText(now, WIDTH - 90, 50);
|
||||||
|
|
||||||
|
// --- Abfahrten ---
|
||||||
|
const deps = [...this.departures_cache];
|
||||||
|
const osloer = deps.filter(x => x.direction?.includes("Osloer")).slice(0, 2);
|
||||||
|
const steglitz = deps.filter(x => x.direction?.includes("Steglitz") || x.direction?.includes("Rathaus")).slice(0, 2);
|
||||||
|
|
||||||
|
// Verschiebung nach unten
|
||||||
|
const offsetY = 120;
|
||||||
|
|
||||||
|
// Abschnitt Osloer
|
||||||
|
ctx.fillStyle = `rgb(${YELLOW.r},${YELLOW.g},${YELLOW.b})`;
|
||||||
|
ctx.font = "bold 26px DejaVuSans";
|
||||||
|
ctx.fillText("→ Osloer Straße", 15, offsetY);
|
||||||
|
|
||||||
|
if (osloer.length) {
|
||||||
|
const mins = this.mins(osloer[0].when);
|
||||||
|
ctx.fillStyle = `rgb(${WHITE.r},${WHITE.g},${WHITE.b})`;
|
||||||
|
this.roundRect(ctx, 15, offsetY + 10, 75, 45, 6);
|
||||||
|
ctx.fillStyle = `rgb(${U9_ORANGE.r},${U9_ORANGE.g},${U9_ORANGE.b})`;
|
||||||
|
this.roundRect(ctx, 18, offsetY + 13, 69, 39, 5);
|
||||||
|
ctx.fillStyle = `rgb(${WHITE.r},${WHITE.g},${WHITE.b})`;
|
||||||
|
ctx.font = "bold 32px DejaVuSans";
|
||||||
|
ctx.fillText("U9", 25, offsetY + 45);
|
||||||
|
|
||||||
|
ctx.fillStyle = `rgb(${YELLOW.r},${YELLOW.g},${YELLOW.b})`;
|
||||||
|
ctx.font = "bold 52px DejaVuSans";
|
||||||
|
ctx.fillText(mins, WIDTH - 145, offsetY + 45);
|
||||||
|
ctx.fillStyle = `rgb(${WHITE.r},${WHITE.g},${WHITE.b})`;
|
||||||
|
ctx.font = "bold 36px DejaVuSans";
|
||||||
|
ctx.fillText("min", WIDTH - 85, offsetY + 45);
|
||||||
|
}
|
||||||
|
|
||||||
|
if (osloer.length >= 2) {
|
||||||
|
const mins2 = this.mins(osloer[1].when);
|
||||||
|
ctx.fillStyle = `rgb(${YELLOW.r},${YELLOW.g},${YELLOW.b})`;
|
||||||
|
ctx.font = "bold 36px DejaVuSans";
|
||||||
|
ctx.fillText(mins2, WIDTH - 125, offsetY + 80);
|
||||||
|
ctx.fillStyle = `rgb(${GRAY.r},${GRAY.g},${GRAY.b})`;
|
||||||
|
ctx.font = "bold 24px DejaVuSans";
|
||||||
|
ctx.fillText("min", WIDTH - 85, offsetY + 80);
|
||||||
|
}
|
||||||
|
|
||||||
|
// Trennlinie
|
||||||
|
ctx.strokeStyle = `rgb(${YELLOW.r},${YELLOW.g},${YELLOW.b})`;
|
||||||
|
ctx.lineWidth = 2;
|
||||||
|
ctx.beginPath();
|
||||||
|
ctx.moveTo(10, offsetY + 100);
|
||||||
|
ctx.lineTo(WIDTH - 10, offsetY + 100);
|
||||||
|
ctx.stroke();
|
||||||
|
|
||||||
|
// Abschnitt Steglitz
|
||||||
|
ctx.fillStyle = `rgb(${YELLOW.r},${YELLOW.g},${YELLOW.b})`;
|
||||||
|
ctx.font = "bold 26px DejaVuSans";
|
||||||
|
ctx.fillText("→ Rathaus Steglitz", 15, offsetY + 130);
|
||||||
|
|
||||||
|
if (steglitz.length) {
|
||||||
|
const mins = this.mins(steglitz[0].when);
|
||||||
|
ctx.fillStyle = `rgb(${WHITE.r},${WHITE.g},${WHITE.b})`;
|
||||||
|
this.roundRect(ctx, 15, offsetY + 140, 75, 45, 6);
|
||||||
|
ctx.fillStyle = `rgb(${U9_ORANGE.r},${U9_ORANGE.g},${U9_ORANGE.b})`;
|
||||||
|
this.roundRect(ctx, 18, offsetY + 143, 69, 39, 5);
|
||||||
|
ctx.fillStyle = `rgb(${WHITE.r},${WHITE.g},${WHITE.b})`;
|
||||||
|
ctx.font = "bold 32px DejaVuSans";
|
||||||
|
ctx.fillText("U9", 25, offsetY + 175);
|
||||||
|
|
||||||
|
ctx.fillStyle = `rgb(${YELLOW.r},${YELLOW.g},${YELLOW.b})`;
|
||||||
|
ctx.font = "bold 52px DejaVuSans";
|
||||||
|
ctx.fillText(mins, WIDTH - 145, offsetY + 175);
|
||||||
|
ctx.fillStyle = `rgb(${WHITE.r},${WHITE.g},${WHITE.b})`;
|
||||||
|
ctx.font = "bold 36px DejaVuSans";
|
||||||
|
ctx.fillText("min", WIDTH - 85, offsetY + 175);
|
||||||
|
}
|
||||||
|
|
||||||
|
if (steglitz.length >= 2) {
|
||||||
|
const mins2 = this.mins(steglitz[1].when);
|
||||||
|
ctx.fillStyle = `rgb(${YELLOW.r},${YELLOW.g},${YELLOW.b})`;
|
||||||
|
ctx.font = "bold 36px DejaVuSans";
|
||||||
|
ctx.fillText(mins2, WIDTH - 125, offsetY + 210);
|
||||||
|
ctx.fillStyle = `rgb(${GRAY.r},${GRAY.g},${GRAY.b})`;
|
||||||
|
ctx.font = "bold 24px DejaVuSans";
|
||||||
|
ctx.fillText("min", WIDTH - 85, offsetY + 210);
|
||||||
|
}
|
||||||
|
|
||||||
|
this.write(canvas);
|
||||||
|
}
|
||||||
|
|
||||||
|
write(canvas) {
|
||||||
|
if (!this.fb) return;
|
||||||
|
const ctx = canvas.getContext("2d");
|
||||||
|
const img = ctx.getImageData(0, 0, WIDTH, HEIGHT);
|
||||||
|
const buffer = Buffer.alloc(WIDTH * HEIGHT * 4);
|
||||||
|
for (let i = 0; i < WIDTH * HEIGHT; i++) {
|
||||||
|
const s = i * 4;
|
||||||
|
buffer[s] = img.data[s + 2]; // BGRA
|
||||||
|
buffer[s + 1] = img.data[s + 1];
|
||||||
|
buffer[s + 2] = img.data[s];
|
||||||
|
buffer[s + 3] = img.data[s + 3];
|
||||||
|
}
|
||||||
|
fs.writeSync(this.fb, buffer, 0, buffer.length, 0);
|
||||||
|
}
|
||||||
|
|
||||||
|
run() {
|
||||||
|
const loop = () => {
|
||||||
|
if (!this.running) return;
|
||||||
|
this.draw();
|
||||||
|
setTimeout(loop, 1000);
|
||||||
|
};
|
||||||
|
loop();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// Main
|
||||||
|
if (require.main === module) {
|
||||||
|
const disp = new Display();
|
||||||
|
disp.run();
|
||||||
|
}
|
||||||
Reference in new issue
Block a user