MHHY

前言这两天公司业务需要这个canvas库，但是中文文档很少，fabricjs官网但是需求还是要写的，开始整吧我找的，更多fabric中文文档内容fabric添加辅助线🔥效...

多种顶点数据传入顶点着色器,主要通过vertexAttribPointer函数，设置相邻顶点间的字节数和偏移量。...

学习三种 4 * 4 的变换矩阵（平移、旋转、缩放），需要注意点webGL以列为主序的。 向量坐标都是 通过 （矩阵 * 原坐标 ）获得的新坐标的。...

分类： linear ease-in ease-out ease-in-out 缓动公式 变量 公式 linear 缓动函数 ease-in 缓动函数 ease-out 缓...

学习目标： 掌握三角形的平移； 平移 假设三角形的三个分量对应平移距离分别为Tx、Ty、Tz；就可以得到三个角平移后的坐标公式： $x'=x+Tx;$ $y'=y+Ty;$...

本篇主要是对之前学习的一个总结，准备明天开始学习索引缓冲和变换矩阵。 学习目标： 了解并使用存储限定符； 存储限定符 Attribute Uniform Varing 绘制...

这篇主要是通过VBO对象存储多个顶点数据，绘制多个点。 在OpenGL(入门笔记)--图形渲染管线Graphics Pipeline文章中，我们了解到使用VBO对象的好处。...

前言 大家好！ 我是热爱图形的fly, 之前在群里和粉丝讨论canvas 如何实现事件系统， 然后呢？ 我自己其实也对这个比较感兴趣， 我看过很多canvas 实现的项目，...

webgl第一程序改版（存储限定符），从中学习到如何定义存储限定符，获取并且设置。 精度限定符：片段着色器的float默认没有设置预定义精度，需要我们自己定义float的精...

之前在写GLSL初识的时候漏掉了这部分相关的内容，自己也没重视这一块，结果今天在项目中就遇到了这方面的坑，所以特此记录一下，避免再次踩坑。 这两段代码都只有一个最简单的逻辑...

图形渲染管线非常复杂，它包含很多可配置的部分。对于大多数场合，我们只需要配置顶点和片段着色器就行了。几何着色器是可选的，通常使用它默认的着色器就行。...

在OpenGL中，任何事物都在3D空间中，而屏幕和窗口却是2D像素数组，这导致OpenGL的大部分工作都是关于把3D坐标转变为适应你屏幕的2D像素。3D坐标转为2D坐标的处...

基础知识： - 注：笔记全部摘抄 learnopengl网站 OpenGL特性： 绘图模式： 立即渲染模式 immediate mode --固定渲染管线 优点：容易使用、...

学习目标： 学习树的遍历； 练习python语法； leetcode学习资料树的遍历 遍历方式： 中序遍历 后续遍历 前序遍历 层序遍历 练习 二叉树的中序遍历 语言：Ja...

前言 因为群里粉丝一直要求我写一篇可视化入门指南，今天他来了。其实说起前端可视化，大家所能想到的就是各种图表，大屏。这种看着贼炫酷，而笔者呢工作也一直从事3D前端开发工作，...