WebGL使用着色器信息绘图,着色器使用OpenGL ES(GLSL)编写 着色器分为顶点着色器(Vertex shader)和片元着色器(Fragment shader),顶点着色器描述位置信息,片元着色器描述颜色信息 gl_Position、gl_PointSize、gl_FragColor均为 ...
分类:
Web程序 时间:
2017-03-11 18:43:01
阅读次数:
231
*********文中用到的transpose()代表矩阵转置函数,mul()代表矩阵乘法。 本文试图解释DX,HLSL,CG,OpengGL,GLSL中关于矩阵运算及存储的一些模糊概念。 0,先弄清楚,用矩阵来变换行/列向量时,怎样的矩阵才是预期的。 假设有行向量p,列向量q,一个给定的【非对称矩 ...
分类:
编程语言 时间:
2017-03-11 18:25:49
阅读次数:
351
一、渲染 1)含义:从模型创建最终图像的过程 二、着色器(shader) :同一时刻只能有一个着色器起作用 1)含义:专为图形处理单元(GPU)编写的一种小程序(用GLSL/OpenGL Shading Language 编写) 2)包括:顶点着色器(vertex)-> 细分着色器(增加图元) -> ...
分类:
其他好文 时间:
2017-02-24 22:06:07
阅读次数:
290
转自:https://my.oschina.net/sweetdark/blog/208024 变量 GLSL的变量命名方式与C语言类似。变量的名称可以使用字母,数字以及下划线,但变量名不能以数字开头,还有变量名不能以gl_作为前缀,这个是GLSL保留的前缀,用于GLSL的内部变量。当然还有一些GL ...
分类:
编程语言 时间:
2017-02-04 10:49:28
阅读次数:
347
So, Microsoft is making an opensource HLSL-to-almost-LLVM compiler, and Khronos is making an opensource HLSL/GLSL-to-almost-LLVM compiler. Apple Metal ...
分类:
移动开发 时间:
2016-12-30 01:40:11
阅读次数:
878
一、WebGL和传统网页的区别: 普通网页组成成分:HTML、JavaScript; WebGL网页组成成分:HTML5、JavaScript和GLSL ES(着色器语言 OpenGL ES); 二、WebGL采用H5中的<canvas>元素来定义绘图区域,然后通过JavaScript内嵌GLSL ...
分类:
Web程序 时间:
2016-12-04 19:42:05
阅读次数:
502
1)确定系统支持的OpenGL版本GPUCapsViewer检查机器最高支持的OpenGL及GLSL版本下载源:http://www.geeks3d.com/20161107/gpu-caps-viewer-1-32-0-released/2)下载必须的源码和环境GLEW用来管理和载入OpenGL的各种扩展库下载源:https://sourceforge.net/projects/glew/files/g..
glsl 的reflect(I,N)其中I是 顶点位置到眼睛的方向向量,N为顶点法线,必须要归一化 橙宝书里给出的计算过程是这样的:reflect(I,N) = I - 2 *dot(I,N)*N // 暂且记下,回去再写 ...
分类:
其他好文 时间:
2016-11-25 11:58:36
阅读次数:
150
在OpenGL的shader编程中,最常用的可能就是程序对象了,GLSL的程序对象的创建、加载shader等步骤都是固定的,如果每次都写同样的代码,觉得十分浪费时间,所以现在就将我在Shader学习过...
分类:
编程语言 时间:
2016-11-20 16:15:31
阅读次数:
324
代码语法高亮 书写格式为: ` ` ` language_key if (condition){ return true } ` ` ` 在 ` ` ` (三个反引号)之间的是代码,其中language_key的值,请参考 支持的语言和缩写标记 例如,将language_key用JavaScript ...
分类:
其他好文 时间:
2016-11-05 20:53:12
阅读次数:
525