✎ lvgl_emscripten_wasm [DokuWiki

Eine ältere Version des Dokuments wurde geladen! Beim Speichern wird eine neue Version des Dokuments mit diesem Inhalt erstellt.

====== emscripten Devcontainer ======

Unter [[https://dev.to/frorning/introduction-to-webassembly-wasm-4g35]] gibt es eine sehr gute Anleitung um einen devcontaier für emscripten aufzusetzen. Mit emscripten lässt sich C++-Code zu lauffähigen WASM-Programmen kompilieren.

Um mit emscripten zu kompilieren, muss man auf dem Rechner einiges installieren und die Umgebung anpassen. Mit dem Devcontainer fällt das weg. Der Devcontainer ist also die ideale Art, um mit emscripten zu entwickeln.

====== LVGL-Demo für emscripten ======

Unter [[https://github.com/lvgl/lv_web_emscripten]] gibt es das LVGL-Demo, welches sich mit emscripten kompilieren lässt.

Im Dockerfile für den Devcontainer müssen drei Packages installiert werden. Danach lässt sich das Demo tatsächlich kompilieren und das Demo wird auf einer html-Seite angezeigt.

Die drei zusätzlichen Packages sind

<code>
    apt-get install -y libsdl2-2.0-0 && \
    apt-get install -y libsdl2-dev && \
    apt-get install -y python3.10-venv && \
</code>

====== Aktueller Stand ======
Der devcontainer funktioniert sehr gut. Mit dem KI-Assistenten konnte eine eigener lvgl-Dialog mit Schalter und Label erstellt werden. Eine Verbingung zum Homeassistant über mqtt funktioniert. Die Daten aus javascript und dem C-Code für LVGL funktioniert.

Nach dem Neuaufsetzen des DevContainers muss einmal lvgl abgerufen werden. Dazu ist im Terminal folgendes aufzurufen:

<code>
    git submodule init
    git submodule update
</code>
 
Der Build muss vorbereitet werden mit:

<code>
    mkdir cmbuild
    cd cmbuild
    emcmake cmake ..
    emmake make -j4`
 
    # Es funktioniert dann auch 
    make -j4
</code>

Zusammenfassung

Hinweis: Durch das Bearbeiten dieser Seite geben Sie Ihr Einverständnis, dass Ihr Inhalt unter der folgenden Lizenz veröffentlicht wird: CC Attribution-Share Alike 4.0 International