Airglass.js开发笔记:处理端口逻辑

airglass.js最佳实践
发布日期:2019年9月19日 星期四

在输入端口与输出端口连通的一瞬间,除视觉形式外,更大的意义是执行相应的逻辑。更严谨地说,端口之间并不是瞬间连通的,这取决于逻辑执行的时间长短,我规定,只有端口处理器将逻辑成功执行完毕才可以将输入端口与输出端口连接。从视觉上能直观反应出逻辑执行成功与否。

airglass开发笔记:节点间端口连通与断连

节点连接airglass.js最佳实践
发布日期:2019年9月16日 星期一

到目前为止,实现了通过已有数据渲染节点连接,还实现了从节点的输出端口拖出一条临时连线。在节点的输入端释放鼠标完成节点间端口对端口的关联关系。并解决如何断连端口之间的连线。

airglass.js最佳实践:创建模块连线

airglass.js最佳实践
发布日期:2019年9月15日 星期日

编辑模块间的关联关系。模块的输出端口是连线的起始位置,模块的输入端口是连线的终止位置。从任意输出端口拖拽出一条曲线去连接另一个模块的输入端口,从而建立起模块与模块之间的连接关系。除了创建关联,如何解除关联关系,以及如何给模块创建新端口或删除模块的多余端口。

Airglass.js开发笔记:可视化模块连接

模块连接可视化airglass.js最佳实践
发布日期:2019年9月14日 星期六

我特别为airglass.js新增了Module和BezierLine两个类。我所理解的模块就像一个个小黑匣子,黑匣子一面从输入端口接收外界信息,一面向外界环境中通过输出端口发送信息,每一个黑匣子都能相互连接。无需关心黑匣子内部如何运作,只需关心模块的输入和输出以及模块之间的关联关系。

标注预览与标注结果的导入导出

标注数据导入格式导出多边形标注airglass.js最佳实践
发布日期:2019年9月13日 星期五

使用Airglass.js第一个最佳实践标注了许多多边形标注区域,下一步就是将这些标注数据导出用于下一步工序。以及将标注数据导入继续编辑标注。统一数据导出格式,是实现正确导入导出的关键。

Airglass.js最佳实践:优化多边形标注体验

多边形标注颜色canvas编辑多边形区域airglass.js最佳实践
发布日期:2019年9月12日 星期四

我用airglass.js初步完成了第一个最佳实践:创建和编辑多边形标注区域。做Demo的同时完善Airglass.js。我给渲染器类新增了击中检测实例方法,还增加了链式调用提升开发效率。同时新增多边形Polygon类,它是继矩形圆形后Airglass.js出现的第3个基本形状。接下来是对Demo无止境优化的漫漫长路。

Airglass.js最佳实践:标注多边形区域

canvas拖拽多边形canvas标注多边形airglass最佳实践
发布日期:2019年9月11日 星期三

我打算用Airglass.js重新实现网页版图像区域标注切割工具作为Airglass.js的第一个最佳实践。为此我为Airglass.js新增了Polygon类用来创建多边形。

Airglass.js开发笔记:最佳实践的前奏

airglass.js最佳实践Airglass开发笔记
发布日期:2019年9月10日 星期二

我把Glass的集合称作舞台。理论上每一个舞台中Glass的数量是无上限的。我并不推荐一个舞台上有超过3个Glass。最理想的情况是,顶层Glass用来捕获外部事件与放置可交互元素,下层Glass用来放置数据驱动型的元素。

Airglass.js开发笔记:订阅

订阅canvas合成事件airglass的故事
发布日期:2019年9月9日 星期一

Airglass有层叠玻璃的概念,为此我创建了Glass类,并让Renderer类继承Renderer。Glass类实现了处理原生与非原生的合成事件的订阅与退订功能。每一层渲染器都可以订阅其他任何渲染器发生的事件。最顶层的渲染器用来捕获和发布外部原生事件,就像最上层玻璃能感知光线穿过,层层传递给下层玻璃。

Airglass.js开发笔记:监听

canvas虚拟事件委托JS类的继承airglass的故事
发布日期:2019年9月8日 星期日

Airglass要做的是FUI/HUD风格UI组件库。用户界面自然少不了对界面交互的支持。利用事件委托的方式,canvas将监听到的鼠标和触摸事件派发给canvas中绘制的虚拟元素。我甚至让开发者能够订阅虚拟元素触发的各种定制化事件。从而实现用户操作canvas画布上虚拟UI的可能。

图解《自私的基因》

图解自私的基因不朽的双螺旋基因的生存机器
发布日期:2019年9月7日 星期六

我们从古老的原始汤里来,我们向更古老的时代走去。我们是基因追求长生赖以生存的机器。基因本能的自私行径,塑造一具一具各式各样的演员,粉墨登场。完成生命的延续,尘归尘土归土。活着本身毫无意义可言,活着为了活着。

Airglass.js开发笔记:起步

typescript构建类库设计继承类webpack构建类库airglass.js开发笔记
发布日期:2019年9月6日 星期五

Airglass是我在2017年的夏天想要启动的独立项目——基于Canvas技术开发一款支撑FUI/HUD视觉风格用户界面的基于面向对象思想与方便扩展组件的基础组件库。从本篇开始我会一边开发Airglass.js一边详解开发过程。

运动前热身动作合集

热身运动
发布日期:2019年8月26日 星期一

万物不会也不能骤然启动或戛然而止,这是自然规律也是养生法则。太极拳前后有起势、收势;在生命的两端,孕育和衰竭过程一样少不了,凭空出现凭空消失可还行?物体在外力作用下不会突然加速也不会突然静止;运动前须给身体发出开始信号,运动毕需给身体发出收敛信号,不可立即静止休息。

图解葱花鸡蛋薄脆早餐煎饼诞生记

早餐煎饼葱花鸡蛋饼
发布日期:2019年8月5日 星期一

要养成按时吃早餐的好习惯。把自己做葱花鸡蛋煎饼的过程画了下来,做法和步骤都炒鸡简单,薄薄的香脆煎饼动手做起来。

如何完成网站备案

网站备案域名备案阿里云阿里云备案人像采集PS合成
发布日期:2019年7月10日 星期三

阿里云通知我shuaihua.cc无法实名认证,修改了几处备案信息重新备案,并注册shuaihuajun.com新域名,记录我是如何成功备案的。

我读《瓦尔登湖》

梭罗的瓦尔登湖瓦尔登湖读瓦尔登湖瓦尔登湖旁豆子地冬季的湖泊
发布日期:2019年6月13日 星期四

1845年7月4日,恰好独立日,梭罗独自走进位于马萨诸塞州康科德镇瓦尔登湖旁的一处森林里。1847年9月6日,梭罗带走了瓦尔登湖。

我的纸

纸的用途电子纸涂鸦
发布日期:2019年2月20日 星期三

在过去,一张纸都能用来做什么?在未来,一张纸还能用来做什么?“纸”将变为概念被无限延伸,延伸其概念的形式无处不在。

AirGlass2019封面趋势及新内涵

airglass
发布日期:2019年1月24日 星期四

2018年,我使用Adobe Photoshop CC为博客内的文章创作封面,2019年,我尝试使用Adobe Illustrator CC创作封面。

浑沌之死

庄子应帝王混沌之死
发布日期:2018年10月15日 星期一

此寓言出自《庄子·应帝王》,无论何事,应根据当事人的实际情况,尊重客观事实。从主观认为和主观意愿刻意安排,只会害人。

献给祖国母亲69周年华诞

中国
发布日期:2018年10月1日 星期一

不时常挂在嘴边,却时常念在心田

记忆中的姥姥

airglass
发布日期:2018年6月14日 星期四

_-/-_-/

我读《小王子》

小王子帅华君小王子与狐狸小王子与玫瑰花
发布日期:2017年12月16日 星期六

我喜欢《小王子》,喜欢那只等爱的狐狸,欣赏那位矜矜业业的点灯人。

我读《乾》

先秦国学周易易经八卦乾卦爻辞
发布日期:2017年12月9日 星期六

这篇是2015年8月发表在新浪博客上的文章,整合了资源,结合自己的认识谈谈对《周易》第一卦乾卦的理解。

我读《乌合之众》

乌合之众:大众心理研究乌合之众群体心理心理群体乌合之众读书笔记读书笔记
发布日期:2017年11月10日 星期五

近来能沉下心读书自觉是好事,每每掩卷,若有所思,特立独行亦或是人云亦云?都过于极端,便设计了这个封面,这世界是灰度的,并不是非黑即白,顺便记录些有趣的句子。

←全部想法