按时间顺序整理各时期作品。种类包括纯个人兴趣制作、复刻改进开源作品、工作技术预研。

还有许多过于 Demo 的作品，还没合适的用武之地，所以暂时没有列出。

我的个人微信公众号一个教程，也许录制或图文记录了以下作品的创作过程，感兴趣搜一搜。

年度作品

2024 年

#可视感知终端

#完成度：★☆☆☆☆
#OLED 屏用户界面
#AirGlass

#点阵图生成工具

#完成度：★☆☆☆☆
#HTML5 Canvas 实现

#Web组态

#完成度：★★☆☆☆
#纯使用 HTML5 Canvas API 绘制；
#采用拟物风格，逼真还原管道、阀门、法兰等零部件；
#支持鼠标拖拽零部件；
#支持鼠标拖拽管道拐点，改变整条管路流向；
#...

2023 年

#风场地图

#完成度：★★★★☆
#风速和风向
#用到 Turf.js 插件的反项距离加权算法，平滑过渡风速风向数值
#操作Canvas画布像素，将UV风速风向数据编码进像素RGBA颜色信息中
#用到 leaflet-velocity 插件

2022 年

#插件原型链

#完成度：★★★★☆
#纯 HTML5 Canvas API 绘制
#支持自定义表达式

2021 年

#康威生命游戏

#完成度：★★★☆☆
纯 HTML5 Canvas API 绘制

2020 年

#甘特图编辑工具

#完成度：★★☆☆☆
纯 HTML5 Canvas API 实现

2019 年

#图像标注工具

#完成度：★☆☆☆☆
纯 HTML5 Canvas API 实现

2018 年

#历史的叶子

#完成度：★★★☆☆
#受“轴心时代”现象启发创作，研究特定时期出现大量杰出思想家哲学家与社会事件的关系
#支持鼠标左右拖拽和键盘 ↑↓←→ 操作

#趣玩周易

#纯 HTML5 Canvas API 实现
#点击八卦的触发音来自尤克里里扫弦音色
#周易六十四卦完整卦名、卦象、卦辞、爻辞

2017 年

...

2016 年

...