李伟_Li慢慢

之前断更后开始更新D3.js可视化，这回断更归来将更新更精彩的 Three.js Shader！敬请期待！...

1-heuristic寻路简介 heuristic是启发式的意思，因此heuristic寻路就是启发式寻路，其所用的算法是贪心算法。 启发式寻路之所以是启发式的，是因为在寻...

至今，我偶尔会遇到一些寻路的寻求，虽然是偶尔，但时间久了，也就多了。 我对寻路是没有太多研究的，所以就去B站搜了一下，搜到一个很棒的dikjstra教程。 我照着这个教程，...

富文本编辑器相信大家都用过，相关的开源项目也很多，虽然具体的实现不一样，但是大部分都是使用DOM实现的，但其实还有一种实现方式，那就是使用HTML5的canvas，本文会带...

前言 学习目标 创建T恤图案编辑器 知识点 TransformControler 的应用 canvas 全局合成 canvas 图层控制 DOM和图形组件的数据传递 1-搭...

前言 学习目标 创建二维文字对象 知识点 ctx.fillText() ctx.strokeText() 1-文字的样式对象 首先咱们先看一下样式对象的架构思路。 最底层的...

前言 学习目标 根据任意图形的变换原理，修改之前变换图案的代码，使其可以变换任意图形 知识点 矩阵变换 1-Object2D 整体代码如下： 在Object2D对象中添加了...

前言 学习目标 基于某一基点变换任意图形 知识点 矩阵变换 1-基点变换的思路 此时我突然想起一句让人午夜惊醒的话：来，咱们再把这件事情的来龙去脉从头捋一遍。 我现在就想着...

前言 学习目标 创建ImgControler对象 使用ImgControler对象变换图案 知识点 图案选择 图案控制框 鼠标状态与样式 图案变换 前情回顾 之前我们用Or...

前言 学习目标 创建相机轨道控制器 操控相机变换视图 知识点 位移 缩放 前情回顾 之前我们创建了Scene对象，接下来我们建立OrbitControler对象。 1-Or...

前言 学习目标 创建Scene对象 理解Scene对象的功能和运行逻辑 知识点 渲染封装 坐标转换 前情回顾 之前我们创建了Group对象，接下来我们建立Scene对象。 ...

前言 学习目标 创建Group对象 知识点 集合 前情回顾 之前我们创建了Img对象，接下来我们建立Group对象。 1-Group对象的功能 Group 是二维图形的集合...

前言 学习目标 创建Img对象 知识点 drawImage 矩阵 前情回顾 之前我们创建了Object2D对象，接下来我们接着往上写Img对象。 1-Img对象的功能分析 ...

前言 学习目标 创建二维对象 理解二维对象的基本功能 知识点 矩阵变换 前情回顾 之前我们创建了EventDispatcher 对象，接下来我们接着往上写Object2D对...

前言 学习目标 创建事件分发器 掌握事件分发器的运行原理 知识点 监听者模式 前情回顾 之前我们说过图案编辑器的整体架构，接下来我们会从最底层的EventDispatche...

前言 学习目标 创建相机对象 平移视口 缩放视口 知识点 二维视图投影矩阵 前情回顾 之前我们canvas的矩阵变换原理，接下来我们就可以创建图形对象了，我们先写个相机练练...

前言 学习目标 canvas 内置变换方法里的矩阵逻辑 知识点 translate(x,y) rotate(ang) scale(x,y) transform(e0,e1,...

前言 学习目标 创建二维向量对象，并掌握向量的基本算法 创建三阶矩阵对象，并掌握矩阵的基本算法 知识点 向量 矩阵 前情回顾 之前我们创建了vue+vite+ts+vite...

前言 学习目标 快速创建vue+vite+ts+vitest 项目 搭建测试环境 知识点 vue vite ts vitest 1-创建vite+vue3.0+ts 项目 ...