Lup Yuen Lee 李立源 @lupyuen@qoto.org

Funny that #WebAssembly and #Embedded #RustLang work so well together ... I'll explain with #PineTime Watch Faces

No more #RustLang "unsafe" code for #PineTime Hand-Drawn Watch Face yay!

https://github.com/lupyuen/handdrawn-watchface/blob/master/src/lib.rs#L45

#Emscripten and #PineTime #WebAssembly Simulator builds OK on plain old Windows CMD ... Yep I'm surprised

https://github.com/AppKaki/lvgl-wasm/blob/mynewt/README.md#install-emscripten-on-windows-without-wsl

How to install #Emscripten on #macOS to build #WebAssembly Simulator for #PineTime

https://github.com/AppKaki/lvgl-wasm/blob/mynewt/README.md#install-emscripten-on-macos

Login on MacBook to CSS 🤔

https://www.youtube.com/watch?v=yKKwyLdhwbU

@PINE64 #Embedded Memory Concerns: The 10 digit bitmaps take up 160 KB of ROM ... To fit this into #PineTime's 512 KB Flash ROM, we need to throw out the large font (keeping the small font) ... Welcome to The Real World 🙂

https://github.com/lupyuen/handdrawn-watchface/blob/master/README.md

Questionable Pork #FriedRice 🤔

@PINE64 Now you can create your own Hand-Drawn #PineTime Watch Face in #RustLang! Check out crates.io: https://crates.io/crates/handdrawn-watchface

@PINE64 Finally a #RustLang Hand-Drawn Watch Face that runs on #PineTime! Works in your web browser too: https://lupyuen.github.io/handdrawn-watchface/lvgl.html

@PINE64 Update our #RustLang Watch Face with the Current Time on #PineTime

https://github.com/lupyuen/handdrawn-watchface/blob/master/src/lib.rs#L155-L198

@PINE64 Our #RustLang Watch Face with 4 bitmaps ... Looks OK on a Real #PineTime

https://youtu.be/M-oWBTtCAys

@PINE64 #WebAssembly Simulator for our #RustLang #PineTime Watch Face gets built automagically by #GitHubActions

https://lupyuen.github.io/handdrawn-watchface/lvgl.html

@PINE64 Show 4 bitmaps on our #RustLang Watch Face for #PineTime

https://github.com/lupyuen/handdrawn-watchface/blob/master/src/lib.rs#L95-L146

@PINE64 How we call "include_bytes" to load RGB565 Bitmaps into #RustLang Watch Faces for #PineTime

https://github.com/lupyuen/handdrawn-watchface/blob/master/src/lib.rs#L47-L103

@PINE64 Convert each Watch Face Digit from PNG to RGB565 with "pinetime-graphic". Later we'll bundle each RGB565 image into our Rust Watch Face with "include_bytes": https://github.com/lupyuen/pinetime-graphic/blob/master/README.md

@PINE64 Save the Watch Face Digits as 80 x 100 PNG bitmaps

@PINE64 Design the Watch Face with this graph paper: https://www.dadsworksheets.com/worksheets/graph-paper/name-grid-two-problem-fifth-inch.html

@PINE64 Invert the Watch Face Digits and colour them glowing green

@PINE64 Let's first digitise (redigitise?) the Watch Face Digits

Personalised #PineTime Watch Faces @PINE64 ... Let's make them in #RustLang!

https://lupyuen.github.io/pinetime-rust-mynewt/articles/watchface