webgbcam

一种使用 HTML5 和 JavaScript 实现的简易 Game Boy Camera 风格滤镜
点击此处体验！
免责声明
截至本次提交，此项目仅为我网站当前文件的直接复制。
未来我将清理代码并进行改进，但由于有人希望查看源码，因此在此进行镜像。
快速说明其工作原理
最初我对拜耳抖动（Bayer dithering）的概念难以理解，但在参与多个项目后逐渐掌握。我发现了一种简单的方法，适用于 JavaScript Canvas 滤镜或着色器等程序化场景。
基本流程是：从像素数组开始，先将其转为灰度图，并可选地应用简单的数学运算以调整伽马和对比度。接着，根据像素位置对应的拜耳矩阵值对像素进行偏移，从而形成有规律的图案效果。最后，通过除法与量化处理，使每个像素仅保留四个可能的取值之一，从而呈现出抖动风格的像素艺术效果。之后，我的代码会将这四个值映射回 RGB 色彩空间。
致谢
感谢 Christine Love 在 2014 年制作的《星际自拍站》（Interstellar Selfie Station），它在很大程度上缓解了我的性别焦虑，并启发我学习拜耳抖动技术，以便在原应用下架后重新实现她的相机应用。
感谢 Joel Yliluoma 的任意调色板位置抖动算法页面，这是我找到的第一个易于理解的有序抖动分析资料，并据此在不同应用中实现了该滤镜。
感谢 lospec.com 提供的调色板列表，本项目中使用了其中许多调色板。
感谢 gbdev.io 提供的 Game Boy Camera 硬件信息，确保了滤镜的准确性。