Canvas,帅华君
发布14篇关联想法
2019年
8月22日
2.4分钟

在线图像标注工具

独立作品Canvas

基于canvas技术在图像上绘制多边形,最终得到包含透明通道的裁切后的base64编码图像,以及全部标注点位置坐标数据。

2019年
1月5日
2.9分钟

基于Node/Canvas/WebSocket直播

CanvasNodejsWebSocket

借助socket.io模块双向传输视频直播流,本文涉及canvas绘制捕获到的视频流,及从服务端接收编码后的图像帧并通过canvas渲染。

2019年
10月4日
4.2分钟

定制地图与雷达波动效

CanvasAirglass数据可视化

地图是FUI界面中常出现的组件之一。我希望Airglass.js能处理好地图渲染,以及地图中丰富多样的动效,所以尝试用Airglass.js完成一个关于地图的最佳实践。在探索的中后期,我将Three.js纳入解决方案与Airglass.js来一次混搭。

2018年
7月14日
1.8分钟

微电路流光动效

Canvas大屏Threejs动效

在信工所的这段时间,收获最多的却是我。FUI视觉语言,极具科幻感。

2019年
11月29日
9.2分钟

可视化想法出现频率

独立作品AirglassCanvas数据可视化

我的博客主页有个可视化组件,它能动态呈现每月想法发布频率,灵感来自GitHub上代码提交频率图,不同的是,我的基本单位是月,GitHub的基本单位是天。一天提交许多次代码很常见,一天写很多篇文章很困难。

2019年
9月23日
9.4分钟

节点关系可视化

CanvasAirglass数据可视化

经过了一周断断续续的探索,Airglass.js的第二个组件NodeLink终于大功告成。这期间我从Dribbble和Behance等设计网站借鉴了不少创意灵感,以及Blender操作界面给我的启发。在开始下一个组件的开发之前,我想通过这篇想法简单谈谈NodeLink组件。

2019年
12月6日
25.8分钟

2015-2019年文章目录速查

JavaScriptAirglassCanvasNodejsCSS微信公众号数据可视化FabricjsWebSocketHTML5

纵观我自2015年至2019年发布的文章。经历了从青涩到熟练,从浅显到逐渐深入的改变。在2019年的最后一个月,我计划回过头来,完善写过的每一篇文章,并完成这篇目录速查。

2017年
2月18日
0.9分钟

Canvas实现虚拟元素拖拽

Canvas

Canvas实现虚拟元素拖拽。

2019年
9月5日
7.8分钟

Fabric.js扩展自定义类

CanvasFabricjs

Fabric.js在 util 命名空间中提供了各种有用的工具函数,其中就包括创建类的函数。使用该函数创建的类,能继承开发者指定的父类的特性,并且还能重写父类的方法以及为新创建的类定义新的方法。比如你可以创建继承了 Fabric 中既有的矩形的新类,并且你可以让新创建类在画布上渲染时,在绘制矩形的基础上再绘制一段文本。

2019年
10月25日
11.1分钟

生命游戏开发记录

CanvasAirglass游戏独立作品

完善Airglass.js的继承机制,增加了extend方法,优化了Renderable和Effect两个基础可渲染类。采用常见规则借助Airglass.js实现出了生命游戏,与网络上其他版本不同的是,我使用了彩色格子。进一步加深了我对面向对象编程思维的理解与应用熟练度。

2017年
12月24日
2.4分钟

探索FUI风格竞赛答题步骤

独立作品UED涂鸦设计Canvas大屏

实现基于canvas画布实时渲染的虚拟对象关系流

2018年
1月1日
0.7分钟

探索FUI竞赛排行榜设计风格

独立作品UED涂鸦设计Canvas大屏

基于canvas实时渲染竞赛排行榜单

2017年
8月29日
45.1分钟

[译] HTML Canvas 2D Context

Canvas

该规范定义了HTML canvas 的2D绘图上下文,这个2D绘图上下文提供了一些对象,方法和属性来在canvas画布上绘制丰富的图像。

2019年
12月29日
5.6分钟

记录博客搜索想法功能实现过程

AirglassCanvas数据可视化

随着写过的想法数量增多,想要快速锁定到过去写的某一篇想法变得越发困难。好在我在每一篇文章在创建之初都给他们设置了多个关键词。这篇文章记录我为博客实现搜索功能的过程。日后再对搜索功能做重构或增加新功能也都记录在这篇文章中。