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

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

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

转载必须注明转自帅华君(陈帅华)个人网站及作品完整链接。

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

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

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

转载必须注明转自帅华君(陈帅华)个人网站及作品完整链接。

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

(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在线定制化绘制石家庄主要道路地图及地铁站。用折线表现纵横交错的街道、用放射动画标注地铁站坐标。目前可视化了石家庄地铁1、2号线和3号线一期。

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

转载必须注明转自帅华君(陈帅华)个人网站及作品完整链接。

陈帅华为趣学《周易》制作的动画图标趣学《周易》在线体验

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

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

转载必须注明转自帅华君(陈帅华)个人网站及作品完整链接。

grender.js

JavaScript Canvas 渲染引擎库

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

下载中心API文档