w8jcik / lv_sim_emscripten

LittlevGL ported to Emscripten to be converted to JavaScript

Emscripten port

LittlevGL ported to Emscripten to be converted to JavaScript

The result looks like this https://littlevgl.com/live-demo

How to get started

Install SDL

Downlad SDL (a graphics library to ope na window and handle the mouse). On Linux:

1. Find the current version of SDL2: apt-cache search libsdl2 (e.g. libsdl2-2.0-0)
2. Install SDL2: sudo apt-get install libsdl2-2.0-0 (replace with the found version)
3. Install SDL2 development package: sudo apt-get install libsdl2-dev
4. If build essentials are not installed yet: sudo apt-get install build-essential

Install Emscripten SDK

Download the Emscripten SDK and make sure it is in your PATH.

1. git clone https://github.com/emscripten-core/emsdk.git
2. cd <path-to-emsdk>
3. git pull
4. ./emsdk install latest
5. ./emsdk activate latest
6. source ./emsdk_env.sh

More info here: https://kripken.github.io/emscripten-site/docs/getting_started/downloads.html

Get the Emscripten-LittlevGL project

1. Be sure you ran . <path-to-emsdk>/emsdk_env.sh to add EMSDK to PATH
2. In any directoy: git clone --recursive https://github.com/littlevgl/emscripten.git
3. cd <path-to-emscripten>
4. make
5. A file called lvgl.html will be generated. Run this in your browser.

Known issue with Google Chrome browser

Chrome can't open the generated html file offline. It works if you copy the files to a server. Use Firefox or other browser for offline testing.