WebGL
关注
分享
扫一扫
文章平均质量分 62
WebGL练习
哈哈地图
这个作者很懒，什么都没留下…
展开
-
webgl为啥让ARRAY_BUFFER中间商赚差价
webgl为啥让ARRAY_BUFFER做为数据传递的中间商？原创 2024-08-07 23:27:02 · 394 阅读 · 0 评论 -
Blinn-Phong优化phong模型的数学依据
Blinn-Phong优化phong模型的数学依据原创 2024-07-12 21:24:40 · 441 阅读 · 0 评论 -
gl.getUniformLocation无法拿到值
有时候，在webgl中，使用gl.getUniformLocation()方法无法拿到值比如下述代码：shader代码js代码。原创 2024-06-12 11:17:29 · 256 阅读 · 0 评论 -
《webgl编程指南》线性雾shader的数学推导
《webgl编程指南》线性雾shader的数学推导原创 2024-05-24 11:07:49 · 464 阅读 · 0 评论 -
webgl 矩阵列优先
在webgl中，谈论矩阵的时候，会说到列优先或行优先，这是什么意思呢？原创 2023-03-12 10:05:47 · 219 阅读 · 0 评论 -
webgl漫反射公式物理原理猜测
首先要声明：下述内容并不严谨物理学知识我也不是很深入，只是为了方便自己理解平行光下的漫反射公式：<漫反射光颜色>=<入射光颜色>×<表面基底色>×cosθcosθ如下图所示漫反射光颜色、入射光颜色、表面基底色在shader中都是vec4类型一般会把vec4理解为空间向量，再加上上图的箭头，我第一次就犯迷糊了把上面3种颜色都想象成空间向量，一直无法理解上述公式其实，webgl引入这种“漫反射模型”，是为了更好的模拟现实原创 2021-07-02 10:11:00 · 791 阅读 · 0 评论 -
WebGL 纹理图像Y轴翻转理解
学习《WebGL编程指南》，对纹理图像进行Y轴翻转gl.pixelStorei(gl.UNPACK_FLIP_Y_WEBGL, 1); 不是很理解。下面写出我的思考：一、3个坐标系：WebGL纹理映射中，有3个坐标系：webgl坐标系<————>纹理坐标系<————>图片坐标系双向箭头“<————>”之间需要有映射关系a、webgl坐标系和纹理坐标系之间的映射关系b、纹理坐标系和图片坐标系之间的映射在书中没有讲二、纹...原创 2021-03-08 15:08:28 · 1535 阅读 · 1 评论 -
WebGL画圆的几种方式
需求：看了一段时间WebGL，现在想画一个圆，方式应该有很多，我现在列出自己练习的几个分析：WebGL只能画点、线、三角形，我现在要画一个圆，基本上就只能靠三角形模拟出来一个下表的图形都是通过三角形来构造的“正多边形”几何体发现只要三角形数量足够多，“正多边形”会越来越倾向于“圆”。 6个三角形 15个三角形 36个三角形 具体实施方案：1、顶点着色器中做文章为了简要表达，会省略不重要的代码1.1和1.2使用的绘画方式为gl.dr原创 2021-02-03 11:09:32 · 2746 阅读 · 4 评论