跳到主要内容

一次湖北自驾游

· 阅读需 28 分钟
不如怀念
Web 前端工程师 (Web Front-end Engineer)

最后更新于 2024-07-20 20:37:00

2024-07-12

换工作的间隙有机会来一次自驾游,目的地选择了湖北,恰好有神农架和恩施两个景点聚集的区域相邻且非常适合自驾游。

恰逢“梅雨季”,全国到处都在下雨,从提前一个月开始计划时就时刻关注着天气,直到临近出发的前几天天气预报依然是雨下个不停,工作后好不容易有这么长的休假时间,难道只能躺在家里了?

解析 Rough.js 图形线填充实现:扫描线算法

· 阅读需 10 分钟
不如怀念
Web 前端工程师 (Web Front-end Engineer)

最后更新于 2024-06-16 19:11:00

由于比较好奇 Rough.js 的手绘风格是如何实现的,遂准备看看其源码实现,在这个过程中发现了一个依赖项包 hachure-fill,类似铅笔线的图形填充依赖此包实现,其源码比较简洁,从其实现中了解到一个计算机图形学领域的概念-“扫描线算法(Scanline Algorithm)”。

Rough.js sample

精选资源:大语言模型(LLMs)

· 阅读需 9 分钟
不如怀念
Web 前端工程师 (Web Front-end Engineer)

最后更新于 2024-05-11 22:40:00

精选资源

这是一个系列,收集不同领域相关的精选(高价值)内容,包括深入分析文章、视频、工具等。

探索一项新兴技术出现的背景、动机,尤其是其背后的设计哲学,更甚的是在不断的版本演进过程中遇到了什么问题,产生了什么思考,以及是如何决策并得到最优解。

自从 2022 年底 OpenAI 发布 ChatGPT 以来,过去的一年(2023)AI 领域再度爆发热潮,这一次大语言模型(Large Language Model, LLMs) 技术成为大家关注的核心。了解相关技术,探索其背后的技术原理和工程化技巧,为构建 AI 应用做好准备。

AIGC 在可视化生成场景的探索路径

· 阅读需 20 分钟
不如怀念
Web 前端工程师 (Web Front-end Engineer)

最后更新于 2024-01-22 16:51:00

2022 年接近年底时 OpenAI 发布了 ChatGPT3,实际上一开始业界还没有太大的反响,但在过了大概一个月即 12 月的时候,ChatGPT3 突然引爆了 AI 技术发展新的潮流,业内大部分企业与开发者都开始讨论 OpenAI 与它的产品 ChatGPT3,紧接着 2023 年则成了 “AI 元年”,业内都开始积极探索如何将这种对话聊天 AI 机器人的技术能力结合到自己的业务和产品中去,实现“智能化升级”,抓住下一个风口。

这里则是记录一下自 2023 年中以来大概半年多时间中结合 AIGC 技术在可视化自动生成场景进行的探索尝试和实践经验。通过对这段经历的回顾也能认识到对目前 AI 技术的认知变化,对未来更好的开发 AI 应用产品有一定的借鉴意义。

绍兴鲁迅故居之行

· 阅读需 7 分钟
不如怀念
Web 前端工程师 (Web Front-end Engineer)

最后更新于 2023-12-16 22:10:00

2023-11-25

杭州待了好几年,早就通了地铁的邻市绍兴是个很好的闲游去处,话虽如此,却也一直缺乏行动,难得在这个冬季的周末完成此行。

解析 ECharts 设计:UniversalTransition 动画

· 阅读需 12 分钟
不如怀念
Web 前端工程师 (Web Front-end Engineer)

最后更新于 2023-11-11 21:56:00

ECharts 的 UniversalTransition 动画提供了一些复杂场景下过渡动画的解决方案,这类场景的难点在于让不规则图形或者不同形状的图形之间如何完成一个比较流畅的过渡动画,在业内比较熟知的类似技术则是 SVG Morph 动画。

查看以下 ECharts 官方示例:

此行南京

· 阅读需 15 分钟
不如怀念
Web 前端工程师 (Web Front-end Engineer)

最后更新于 2023-08-27 18:30:00

2023-08-25

夏日的短暂旅行放弃了千岛湖,转而选择了南京,领略了一下古都文化。

解析 Konva 设计:事件系统

· 阅读需 13 分钟
不如怀念
Web 前端工程师 (Web Front-end Engineer)

最后更新于 2024-06-02 19:47:00

绘图引擎支持丰富交互的前提是拥有一套事件系统,而在画布中如何拾取元素是实现的关键,从 Konva.js 的源码来看看其事件系统是如何设计的。

(之前分析过 ZRender 的源码实现,其采用了几何判断的方式来实现元素拾取,而 Konva.js 采用了不同的方案。)