week3

image segmentation：

ml5.js—-webgl

TensorFlow.js

Transformers.js

图像生成 cpu和webgl

WebAssembly 和 WebGL/WebGPU 关系

WebAssembly 可以与 WebGL 或 WebGPU 结合，加速 3D 渲染：

• Unity WebGL 就是用 WebAssembly 运行在浏览器里的。

• WebGPU 可以调用 WebAssembly 处理复杂的 GPU 计算任务。

• Canvas API：将 img 画到 <canvas> 上，然后使用 getImageData() 读取像素数据。

• 像素数组 pixels：这是一个 Uint8ClampedArray，长度为 width * height * 4，因为每个像素有 4 个通道（R、G、B、A）。

• 在 Canvas API，dest.pixels 并不存在，应该用 ImageData.data。

• 在 p5.js，dest.pixels 可能指的是 createImage() 生成的图像对象的像素数组，必须先 loadPixels() 才能访问。