陈帅华为康威生命游戏制作的动画图标康威生命游戏

(2019年10月)独立实现,JavaScript Canvas渲染。每个格子代表一个细胞,每个细胞的生与死受周围8个细胞的影响。孤独会死,拥挤也一样。无人游戏,像小时候观察一群蚂蚁。简单游戏规则,交织复杂二维世界。

康威生命游戏

陈帅华为甘特图在线编辑工具制作的动画图标甘特图编辑工具

(2020年4月)独立设计+研发,甘特图部分用Canvas技术渲染,实现甘特图实时编辑,所见即所得。它能在需要跟踪项目进度的PC Web端OA系统上直接复用。支持鼠标拖拽直接创建任务和修改起止日期,支持从云端直接导入JSON格式数据初始化渲染甘特图,支持导出高清甘特图供下载打印。

甘特图在线编辑工具演示

陈帅华为在线图像标注工具制作的动画图标图像多边形区域裁切工具

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

在线图像标注工具演示

陈帅华为JavaScript原型链可视化作品制作的动画图标JavaScript原型链可视化

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

JavaScript原型链可视化演示

陈帅华为历史的叶子作品制作的动画图标历史的叶子

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

历史的叶子作品演示

陈帅华为地铁线路可视化作品制作的动画图标地铁线路可视化

(2019年9月)独立开发。基于web端3D可视化库ThreeJS实现。于geojson.io定制道路线路图及地铁站。用折线表现纵横交错的街道、用放射动画标注地铁站坐标。

地铁线路可视化作品演示

grender.js

JavaScript Canvas 渲染引擎库

FUI/VFX 组件库 airglass.js 渲染引擎

下载中心API文档