webgl
文章平均质量分 72
SimpleLiMengJie
学习任何技能都没有捷径,只有勤学苦练才是正道
展开
-
WebGL blendMode 详解
结合栗子详细讲解了 webgl 的混合模式的运用。原创 2015-09-24 19:46:51 · 4845 阅读 · 0 评论 -
Mac 系统中 webgl 使用 FrameBuffer 效率更高
按照道理说如果使用帧缓冲,而不是直接画到屏幕上需要消耗一张全屏的图片渲染。但是测试结果发现 Mac 系统中原本直接渲染到屏幕上 webgl 模式下显示 64x64 的图片最多只能显示 1500 张,而 canvas 却可以显示 2000 张,但是使用了帧缓冲后 webgl 模式可以渲染 2500 张,超越了 canvas 的渲染能力。 测试结果均在 Mac 系统的 chrome 浏览器下。原创 2015-09-23 13:08:45 · 1464 阅读 · 0 评论 -
WebGL 模板缓冲区
本文非原创,转载自 http://www.cnblogs.com/aokman/archive/2010/12/13/1904723.html与颜色缓冲区和深度缓冲区类似,模板缓冲区可以为屏幕上的每个像素点保存一个无符号整数值。这个值的具体意义视程序的具体应用而定。在渲染的过程中,可以用这个值与一个预先设定的参考值相比较,根据比较的结果来决定是否更新相应的像素点的颜色值。这个比较的过程被称转载 2015-10-22 10:04:01 · 3194 阅读 · 0 评论 -
WebGL 帧缓冲区 附 深度缓冲区 和 模板缓冲区
webgl 中渲染到纹理需要用到帧缓冲区,但是同时想使用深度缓冲区和模板缓冲区需要的步骤如下,直接上代码 var width = 800; var height = 600; //创建帧缓冲区对象 var frameBuffer = gl.createFramebuffer();原创 2015-10-20 18:13:32 · 4437 阅读 · 0 评论 -
WebGL 显示的文字变模糊
最近做 WebGL 时遇到一个问题,显示的文字比 Canvas 中要模糊,问题情况如下:Canvas 里的字体如图:从 Canvas 画到帧缓冲中:再从帧缓冲画到屏幕:最后定位到问题在混合模式那里。有问题的混合模式设置为:gl.blendFunc(gl.SRC_ALPHA, gl.ONE_MINUS_SRC_ALPHA);正确的混合模式应该是(也就是默认的混合模原创 2015-09-23 18:25:19 · 5150 阅读 · 1 评论 -
条件分支语句太多导致 WebGL 效率低下
最近工作上遇到一个问题。 在使用 WebGL 的时候发现没法用位运算,发现有两种解决方案: 1. 在 shader 前面标识 shader 的版本 #version 130 2. 自己写位运算函数 第一种方案因为 CocosCreator 会在自己写的 Shader 前面添加一些纹理坐标之类的代码,所以没法把 #version 130加在 Shader 的最前面。但是 #version 1...原创 2018-08-10 14:46:17 · 620 阅读 · 1 评论