网站接入微博开放平台
2019年11月27日发布阅读预计需要 10.2 分钟
我发布想法以及访客在我的博客留言都需要登录GitHub账号。因为众所周知的原因,最近好几次我都无法正常访问GitHub,影响到我管理自己的博客。为了解决问题再次出现时的窘境,我向微博开放平台申请了网页应用,通过微博授权识别我和访客在我的博客的登录状态。
观纪录片《苏东坡》有感
2019年11月25日发布阅读预计需要 1.9 分钟
央视纪录片《苏东坡》,我已看三遍,每一遍看都有不一样的收获。我对苏东坡一生的遭遇;对他超脱的人生态度;对他在文学和艺术上的成就,让我产生共鸣、敬佩和感动。种种这些,对我当下正面临的困惑有所启示。
微信公众号开发前的准备
2019年11月24日发布阅读预计需要 3.3 分钟
微信公众平台开发前的准备工作。包括申请微信公众号和启动测试账号,搭建基于Node开发的Web服务,MySQL创建用于存储开发数据的数据库等。
Fabric.js矩阵变换
2019年11月3日发布阅读预计需要 11.1 分钟
Fabric.js 支持矩阵变换。无论在 fabric.Canvas 实例中,或是在继承自 fabric.Object 的各种形状实例中,还是在 fabric.util 中提供的工具函数,都有设置或者获取矩阵变换的相应属性或方法。在 fabric 中,矩阵由一个包含6个数字元素的数组表示,这6个数字能一次性把坐标系的平移、旋转和缩放信息表示出来。
Airglass与在线图像标注工具
2019年10月30日发布阅读预计需要 5.8 分钟
我又重新实现了一版依赖Airglass.js库的基于Canvas技术的功能包括多边形区域标注以及图像切割的实验项目,这篇想法记录开发过程。
生命游戏开发记录
2019年10月25日发布阅读预计需要 11.1 分钟
完善Airglass.js的继承机制,增加了extend方法,优化了Renderable和Effect两个基础可渲染类。采用常见规则借助Airglass.js实现出了生命游戏,与网络上其他版本不同的是,我使用了彩色格子。进一步加深了我对面向对象编程思维的理解与应用熟练度。
Airglass.js与关键帧动画
2019年10月17日发布阅读预计需要 4.0 分钟
Airglass.js最近的更新中支持了关键帧动画,这依赖于canvas离屏渲染技术。开发者可以从序列图创建关键帧,也可以拷贝其他可渲染组件的关键帧,这适用于希望呈现相同效果的组件,以节省不必要的内存开销。我还在探索关键帧渲染与直接渲染之间的平衡点。
探索JS原型链规律性可视化
2019年10月6日发布阅读预计需要 9.9 分钟
我曾经用Illustrator绘制过JavaScript原型链可视化信息图,也曾在最近用iPad手绘过一副JavaScript原型链的涂鸦。如今我借助Airglass.js开发的NodeLink可视化组件动态演示JS核心参考中各值之间的信息传递与关联关系。
定制地图与雷达波动效
2019年10月4日发布阅读预计需要 4.2 分钟
地图是FUI界面中常出现的组件之一。我希望Airglass.js能处理好地图渲染,以及地图中丰富多样的动效,所以尝试用Airglass.js完成一个关于地图的最佳实践。在探索的中后期,我将Three.js纳入解决方案与Airglass.js来一次混搭。
airglass.js节点关系可视化
2019年9月23日发布阅读预计需要 9.4 分钟
经过了一周断断续续的探索,Airglass.js的第二个组件NodeLink终于大功告成。这期间我从Dribbble和Behance等设计网站借鉴了不少创意灵感,以及Blender操作界面给我的启发。在开始下一个组件的开发之前,我想通过这篇想法简单谈谈NodeLink组件。
Airglass初体验
2019年9月12日发布阅读预计需要 6.9 分钟
我用airglass.js初步完成了第一个最佳实践:创建和编辑多边形标注区域。做Demo的同时完善Airglass.js。我给渲染器类新增了击中检测实例方法,还增加了链式调用提升开发效率。同时新增多边形Polygon类,它是继矩形圆形后Airglass.js出现的第3个基本形状。接下来是对Demo无止境优化的漫漫长路。
Airglass.js开发笔记:最佳实践前奏
2019年9月10日发布阅读预计需要 3.8 分钟
我把Glass的集合称作舞台。理论上每一个舞台中Glass的数量是无上限的。我并不推荐一个舞台上有超过3个Glass。最理想的情况是,顶层Glass用来捕获外部事件与放置可交互元素,下层Glass用来放置数据驱动型的元素。
Airglass.js开发笔记:订阅
2019年9月9日发布阅读预计需要 2.3 分钟
Airglass有层叠玻璃的概念,为此我创建了Glass类,并让Renderer类继承Renderer。Glass类实现了处理原生与非原生的合成事件的订阅与退订功能。每一层渲染器都可以订阅其他任何渲染器发生的事件。最顶层的渲染器用来捕获和发布外部原生事件,就像最上层玻璃能感知光线穿过,层层传递给下层玻璃。
Airglass.js开发笔记:监听
2019年9月8日发布阅读预计需要 3.9 分钟
Airglass要做的是FUI/HUD风格UI组件库。用户界面自然少不了对界面交互的支持。利用事件委托的方式,canvas将监听到的鼠标和触摸事件派发给canvas中绘制的虚拟元素。我甚至让开发者能够订阅虚拟元素触发的各种定制化事件。从而实现用户操作canvas画布上虚拟UI的可能。
Airglass.js开发笔记:起步
2019年9月6日发布阅读预计需要 2.0 分钟
Airglass是我在2017年的夏天想要启动的独立项目——基于Canvas技术开发一款支撑FUI/HUD视觉风格用户界面的基于面向对象思想与方便扩展组件的基础组件库。从本篇开始我会一边开发Airglass.js一边详解开发过程。
Fabric.js扩展自定义类
2019年9月5日发布阅读预计需要 7.8 分钟
Fabric.js在 util 命名空间中提供了各种有用的工具函数,其中就包括创建类的函数。使用该函数创建的类,能继承开发者指定的父类的特性,并且还能重写父类的方法以及为新创建的类定义新的方法。比如你可以创建继承了 Fabric 中既有的矩形的新类,并且你可以让新创建类在画布上渲染时,在绘制矩形的基础上再绘制一段文本。
探索前端录制音视频
2019年8月26日发布阅读预计需要 5.5 分钟
最近整理我的一些独立项目,考虑用音视频的形式记录感想,起初在用Mac系统自带的录屏软件,后来计划能不能用web前端技术开发一款在线录制音视频的工具,小有成果,先用文字形式记录下来。
Blender建模导入Three.js渲染
2019年8月13日发布阅读预计需要 6.1 分钟
Blender 是一款非常优秀的免费开源 3D 创意软件,支持 Windows、macOS 和 Linux 界面操作系统,支持众多常见的导入和导出格式。Three.js 是一款由 JavaScript 语言编写的用于 Web 端展示的优秀 3D 开源库,常在 Web 游戏、可视化、真实场景模拟等领域中被使用。两款优秀且开源的 3D 创意工具的碰撞,必定能为产品、设计师和前端工程师带来无限创造力。
常用基于Node命令行工具
2019年8月1日发布阅读预计需要 2.6 分钟
偶尔需要更新命令行工具版本或者更换电脑的时候,许多命令行工具的安装和配置细节已经记不清,所以汇总记录下来。
Arduino制作流水灯
2019年7月25日发布阅读预计需要 7.2 分钟
先回顾Arduino基础,搭配涂鸦图解数字信号与模拟信号,逐步引导了解如果使用Arduino开发板制作了ED流水灯效果。
回到主页
陈帅华动态先知道,请关注一个教程。
一个教程微信个人订阅号
笔友留言
Void777,2020年9月28日留言《我的个站研发日志》
站长大大好,非常感谢你高质量的文章。想请教下本站主要用到的技术栈,有采用什么框架来搭建吗?求指教
WenZhang,2020年9月15日留言《Ruff入门指南》
你好 Ruff套件出了么 我想买来玩玩
jannylz,2019年9月12日留言《在线图像标注工具》
请问在线体验入口在哪里?可否标注矩形框,可以拖拽类型的