12 2021 档案
摘要:目录 引子 绘制三角形 执行过程 高清处理 绘制矩形 索引缓冲对象 参考资料 引子 JavaScript WebGL 基础疑惑点之后进行了一些优化,然后尝试绘制常见二维的面。 WebGL 中几何体最终都是由三角形构成,由三角形切入比较合适。 Origin My GitHub 绘制三角形 这是示例,基
阅读全文
摘要:目录 引子 顶点坐标范围为什么要在 -1.0 到 1.0 之间 ? 多次缓冲数据是覆盖还是增量 ? vertexAttribPointer 解析顶点一次就足够了 ? useProgram 函数激活一次就足够了 ? 基于的坐标系是什么 ? 常见的变量类型有那些 ? 内置的输入/输出变量有那些 ? 参考
阅读全文
摘要:目录 引子 绘制一条线 创建 WebGL 上下文 准备顶点数据并缓冲 顶点着色器 片段着色器 着色器程序 绘制 示例 参考资料 引子 接着 WebGL 基础概念,做一个绘制直线的简单示例。 主要参考以下两篇文章: 绘制一个点 绘制三角形 Origin My GitHub 绘制一条线 下面不会对每个使
阅读全文
摘要:目录 引子 简介 状态机 图形渲染管线 顶点着色器 图元装配 几何着色器 光栅化 片段着色器 测试混合 WebGL 中的着色器 参考资料 引子 看了一个库的源码,里面用到了 WebGL ,就开始找 WebGL 的资料。发现相关的知识点很多,按照自己的理解习惯进行了整理记录。 Origin My Gi
阅读全文