···

雷达扫描动效

(2020年4月)独立设计+研发,甘特图部分用Canvas技术渲染,实现甘特图实时编辑,所见即所得。它能在需要跟踪项目进度的PC Web端OA系统上直接复用。支持鼠标拖拽直接创建任务和修改起止日期,支持从云端直接导入JSON格式数据初始化渲染甘特图,支持导出高清甘特图供下载打印。甘特图在各行业涉及需要跟踪项目进度的场景中需求极高,值得我将该作品作为产品继续研发使其功能更易用,用户体验更好。

甘特图在线编辑工具截图演示

(2019年9月)独立研发,纯Canvas技术渲染实现。该作品用信息可视化手段梳理了从JavaScript的“null”值到浏览器宿主环境“window”对象的引用关系,顺理成章的概括了JavaScript语言所有内置核心构造函数。总览整幅作品,你会惊喜地发现流动中的线条即是原型链的方向。该作品适用于大屏展示与JS教学演示。

JavaScript原型链可视化截图演示

(2020年6月)独立设计+研发,擅长原生JS开发的我首次采用ReactJS前端框架开发该作品。一次读书偶然的放空,我把“叶子”和“历史”联系了起来:历史由无数人与事构成,大树由无数枝干与叶子组成,叶子爬满树枝构成一棵遮阴挡雨的大树,人或继承或创造有价值的事组成我们灿烂的文明史。鼠标左右拖拽视图变换岁月,认识处于相同或不同时代的优秀历史名人和他们创造的历史价值。

历史的叶子作品截图演示

(2019年9月)独立开发。基于web端3D可视化库ThreeJS实现。于geojson.io在线定制化绘制石家庄主要道路地图及地铁站。用折线表现纵横交错的街道、用放射动画标注地铁站坐标。目前可视化了石家庄地铁1号线和地铁3号线,陆续增加新建地铁线。本地地铁趣味玩法策划中,中国高铁可视化作品策划中。

石家庄地铁分布可视化作品截图演示

(2018年12月)独立设计+研发。人工标注区域由Canvas技术渲染,实现绘制多边形标注线、裁剪图像区域功能。OCR字符图像识别是机器学习领域一个应用广泛的分支。提升机器学习算法识别图像的准确率就需准备大量图像训练集供算法“学习”。该在线图像标注工具助力快速标注图像,支持导出包含了标注区域图像像素、尺寸、多边形点坐标的JSON格式数据。将标注好的数据上传至服务器存储,供算法训练使用。

在线图像标注工具截图演示

(2020年2月)独立设计+研发。纯Canvas技术渲染。伏羲作先天八卦图,文王从八卦推演出周易六十四卦。六十四卦每一卦由六个爻组成,下三爻组成内卦,上三爻组成外卦,由下及上与爻辞一一对应。该作品操作方法:第一次点击八卦图随机产生内卦,第二次点击随机产生外卦,内卦+外卦得到周易中某一卦象。

趣学《周易》作品截图演示

(2019年10月)独立实现,纯Canvas技术渲染。每一个格子就像一个单细胞,每个激活的单细胞受周围8个单细胞的影响,或生或死。简单的游戏规则,竟可以产生复杂有趣的效果,理论上存在无数种进化可能。初始化时随机激活格子。玩家可以清空所有格子,暂停进化,然后自定义想要激活的格子,点击开始以观看“细胞的进化”。

康威生命游戏作品截图演示

(2016年12月)独立设计+研发。所见即所得,于极坐标地图之上实时编辑雷达排布坐标。亦可切换不同主题地图皮肤。

极坐标地图编辑作品截图演示