背景

在嵌入式开发领域，我们经常会遇到色彩位数极低的显示设备：

• 经典的 SSD1306 (0.96寸 OLED)，仅支持黑白两色。
• 电子墨水屏 (E-Ink)，通常只有黑白，且刷新率极低。

如果直接将 24 位真彩图片进行量化处理，其结果往往如同烧焦的木炭，细节丢失殆尽。但若引入 抖动算法(Dithering)，这些 1-Bit 屏幕便能模拟出细腻的灰度感。

此前我曾尝试用 Rust 实现过一个版本，但作为博客演示，使用 JavaScript 与 Canvas 在浏览器中直接进行仿真最为直观。本文将介绍几种主流抖动算法的原理及其 JS 实现。

前言

在之前的文章中，我们都是利用ESP32自带的WiFi进行网络连接。但在户外或者没有WiFi覆盖的角落，想要让设备联网，就得请出“4G模块”了。

通常大家驱动4G模块（比如SIM800, Air724, EC20等）最原始的方法是用UART发送AT指令。
比如 AT+HTTPINIT、AT+HTTPPARA… 这种方式不仅繁琐，而且解析返回字符串简直是噩梦，写出来的代码全是状态机，一旦模块吐点乱码，程序直接暴毙。手动解析AT指令简直是坏文明！

为了优雅地使用4G模块，我决定使用 PPPoS(Point-to-Point Protocol over Serial)。
简单来说，就是把串口“伪装”成一个网卡。这样底层的TCP/IP协议栈（LwIP）就能直接接管网络，我们写上层代码时，完全不用关心是在用WiFi还是4G，直接调标准的Socket接口就完事了。

介绍

bindgen 是一个能自动为 C（或 C++）库生成 Rust 绑定的辅助库和命令行工具。

elk 是一个迷你的JS引擎.
能够实现类似于这样的效果

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19

#include <stdio.h>
#include "elk.h"

// C function that adds two numbers. Will be called from JS
jsval_t sum(struct js *js, jsval_t *args, int nargs) {
  if (nargs != 2) return js_err(js, "2 args expected");
  double a = js_getnum(args[0]);  // Fetch 1st arg
  double b = js_getnum(args[1]);  // Fetch 2nd arg
  return js_mknum(a + b);
}

int main(void) {
  char mem[200];
  struct js *js = js_create(mem, sizeof(mem));      // Create JS instance
  js_set(js, js_glob(js), "sum", js_mkfun(sum)));   // Import sum()
  jsval_t result = js_eval(js, "sum(3, 4);", ~0);   // Call sum
  printf("result: %s\n", js_str(js, result));       // result: 7
  return 0;
}

如果这个执行内容来自于服务器下发,那就可以很方便地动态下发程序然后执行特定的任务.