OpenGL GLSL中文手册

OpenGL shader GLSL 中文手册

转载 jeffasd 最后发布于2017-09-15 10:56:25 阅读数 14410 收藏

发布于2017-09-15 10:56:25

分类专栏： OpenGL

收起

https://github.com/wshxbqq/GLSL-Card

 

GLSL 中文手册

基本类型:

类型	说明
void	空类型,即不返回任何值
bool	布尔类型 true,false
int	带符号的整数 signed integer
float	带符号的浮点数 floating scalar
vec2, vec3, vec4	n维浮点数向量 n-component floating point vector
bvec2, bvec3, bvec4	n维布尔向量 Boolean vector
ivec2, ivec3, ivec4	n维整数向量 signed integer vector
mat2, mat3, mat4	2x2, 3x3, 4x4 浮点数矩阵 float matrix
sampler2D	2D纹理 a 2D texture
samplerCube	盒纹理 cube mapped texture

基本结构和数组:

类型	说明
结构	struct type-name{} 类似c语言中的 结构体
数组	float foo[3] glsl只支持1维数组,数组可以是结构体的成员

向量的分量访问:

 

glsl中的向量(vec2,vec3,vec4)往往有特殊的含义,比如可能代表了一个空间坐标(x,y,z,w),或者代表了一个颜色(r,g,b,a),再或者代表一个纹理坐标(s,t,p,q) 所以glsl提供了一些更人性化的分量访问方式.

vector.xyzw 其中xyzw 可以任意组合

vector.rgba 其中rgba 可以任意组合

vector.stpq 其中rgba 可以任意组合

 
 

   
   

    
    

   
   
   
   

    
    

     
     vec4 v=vec4(1.0,2.0,3.0,1.0);
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
     float x = v.x; //1.0
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
     float x1 = v.r; //1.0
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
     float x2 = v[0]; //1.0
    
    
   
   

   
   

    
    

   
   
   
   

    
    
 
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
     vec3 xyz = v.xyz; //vec3(1.0,2.0,3.0)
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
     vec3 xyz1 = vec(v[0],v[1],v[2]); //vec3(1.0,2.0,3.0)
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
     vec3 rgb = v.rgb; //vec3(1.0,2.0,3.0)
    
    
   
   

   
   

    
    

   
   
   
   

    
    
 
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
     vec2 xyzw = v.xyzw; //vec4(1.0,2.0,3.0,1.0);
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
     vec2 rgba = v.rgba; //vec4(1.0,2.0,3.0,1.0);
    
    
   
   
 
 

运算符:

优先级(越小越高)	运算符	说明	结合性
1	()	聚组:a*(b+c)	N/A
2	[] () . ++ --	数组下标__[],方法参数__fun(arg1,arg2,arg3),属性访问__a.b__,自增/减后缀__a++ a--__	L - R
3	++ -- + - !	自增/减前缀__++a --a__,正负号(一般正号不写)a ,-a,取反__!false__	R - L
4	* /	乘除数学运算	L - R
5	+ -	加减数学运算	L - R
7	< > <= >=	关系运算符	L - R
8	== !=	相等性运算符	L - R
12	&&	逻辑与	L - R
13	^^	逻辑排他或(用处基本等于!=)	L - R
14	||	逻辑或	L - R
15	? :	三目运算符	L - R
16	= += -= *= /=	赋值与复合赋值	L - R
17	,	顺序分配运算	L - R

ps 左值与右值:

 
 

   
   

    
    

   
   
   
   

    
    

     
     左值:表示一个储存位置,可以是变量,也可以是表达式,但表达式最后的结果必须是一个储存位置.
    
    
   
   

   
   

    
    

   
   
   
   

    
    
 
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
     右值:表示一个值, 可以是一个变量或者表达式再或者纯粹的值.
    
    
   
   

   
   

    
    

   
   
   
   

    
    
 
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
     操作符的优先级：决定含有多个操作符的表达式的求值顺序，每个操作的优先级不同.
    
    
   
   

   
   

    
    

   
   
   
   

    
    
 
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
     操作符的结合性：决定相同优先级的操作符是从左到右计算，还是从右到左计算。
    
    
   
   
 
 

基础类型间的运算:

glsl中,没有隐式类型转换,原则上glsl要求任何表达式左右两侧(l-value),(r-value)的类型必须一致 也就是说以下表达式都是错误的:

 
 

   
   

    
    

   
   
   
   

    
    

     
     int a =2.0; //错误,r-value为float 而 lvalue 为int.
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
     int a =1.0+2;
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
     float a =2;
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
     float a =2.0+1;
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
     bool a = 0; 
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
     vec3 a = vec3(1.0, 2.0, 3.0) * 2;
    
    
   
   
 
 

下面来分别说说可能遇到的情况:

1.float 与 int:

float与float , int与int之间是可以直接运算的,但float与int不行.它们需要进行一次显示转换.即要么把float转成int: int(1.0) ,要么把int转成float: float(1) ,以下表达式都是正确的:

 
 

   
   

    
    

   
   
   
   

    
    

     
     int a=int(2.0);
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
     float a= float(2);
    
    
   
   

   
   

    
    

   
   
   
   

    
    
 
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
     int a=int(2.0)*2 + 1;
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
     float a= float(2)*6.0+2.3;
    
    
   
   
 
 

2.float 与 vec(向量) mat(矩阵):

vec,mat这些类型其实是由float复合而成的,当它们与float运算时,其实就是在每一个分量上分别与float进行运算,这就是所谓的逐分量运算.glsl里 大部分涉及vec,mat的运算都是逐分量运算,但也并不全是. 下文中就会讲到特例.

逐分量运算是线性的,这就是说 vec 与 float 的运算结果是还是 vec.

int 与 vec,mat之间是不可运算的, 因为vec和mat中的每一个分量都是 float 类型的. 无法与int进行逐分量计算.

下面枚举了几种 float 与 vec,mat 运算的情况

 
 

   
   

    
    

   
   
   
   

    
    

     
     vec3 a = vec3(1.0, 2.0, 3.0);
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
     mat3 m = mat3(1.0);
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
     float s = 10.0;
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
     vec3 b = s * a; // vec3(10.0, 20.0, 30.0)
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
     vec3 c = a * s; // vec3(10.0, 20.0, 30.0)
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
     mat3 m2 = s * m; // = mat3(10.0)
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
     mat3 m3 = m * s; // = mat3(10.0)
    
    
   
   
 
 

3. vec(向量) 与 vec(向量):

两向量间的运算首先要保证操作数的阶数都相同.否则不能计算.例如: vec3*vec2 vec4+vec3 等等都是不行的.

它们的计算方式是两操作数在同位置上的分量分别进行运算,其本质还是逐分量进行的,这和上面所说的float类型的 逐分量运算可能有一点点差异,相同的是 vec 与 vec 运算结果还是 vec, 且阶数不变.

 
 

   
   

    
    

   
   
   
   

    
    

     
     vec3 a = vec3(1.0, 2.0, 3.0);
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
     vec3 b = vec3(0.1, 0.2, 0.3);
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
     vec3 c = a + b; // = vec3(1.1, 2.2, 3.3)
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
     vec3 d = a * b; // = vec3(0.1, 0.4, 0.9)
    
    
   
   
 
 

3. vec(向量) 与 mat(矩阵):

要保证操作数的阶数相同,且vec与mat间只存在乘法运算.

它们的计算方式和线性代数中的矩阵乘法相同,不是逐分量运算.

 
 

   
   

    
    

   
   
   
   

    
    

     
     vec2 v = vec2(10., 20.);
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
     mat2 m = mat2(1., 2.,  3., 4.);
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
     vec2 w = m * v; // = vec2(1. * 10. + 3. * 20., 2. * 10. + 4. * 20.)
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
     ...
    
    
   
   

   
   

    
    

   
   
   
   

    
    
 
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
     vec2 v = vec2(10., 20.);
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
     mat2 m = mat2(1., 2.,  3., 4.);
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
     vec2 w = v * m; // = vec2(1. * 10. + 2. * 20., 3. * 10. + 4. * 20.)
    
    
   
   

   
   

    
    

   
   
   
   

    
    
 
    
    
   
   
 
 

向量与矩阵的乘法规则如下:

4. mat(矩阵) 与 mat(矩阵):

要保证操作数的阶数相同.

在mat与mat的运算中, 除了乘法是线性代数中的矩阵乘法外.其余的运算任为逐分量运算.简单说就是只有乘法是特殊的,其余都和vec与vec运算类似.

 
 

   
   

    
    

   
   
   
   

    
    

     
     mat2 a = mat2(1., 2.,  3., 4.);
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
     mat2 b = mat2(10., 20.,  30., 40.);
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
     mat2 c = a * b; //mat2(1.*10.+3.*20.,2.*10.+4.*20.,1.* 30.+3.*40.,2.* 30.+4.*40.);
    
    
   
   

   
   

    
    

   
   
   
   

    
    
 
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
     mat2 d = a+b;//mat2(1.+10.,2.+20.,3.+30.,4.+40);
    
    
   
   
 
 

矩阵乘法规则如下:

变量限定符:

修饰符	说明
none	(默认的可省略)本地变量,可读可写,函数的输入参数既是这种类型
const	声明变量或函数的参数为只读类型
attribute	只能存在于vertex shader中,一般用于保存顶点或法线数据,它可以在数据缓冲区中读取数据
uniform	在运行时shader无法改变uniform变量, 一般用来放置程序传递给shader的变换矩阵，材质，光照参数等等.
varying	主要负责在vertex 和 fragment 之间传递变量

const:

和C语言类似,被const限定符修饰的变量初始化后不可变,除了局部变量,函数参数也可以使用const修饰符.但要注意的是结构变量可以用const修饰, 但结构中的字段不行.

const变量必须在声明时就初始化 const vec3 v3 = vec3(0.,0.,0.)

局部变量只能使用const限定符.

函数参数只能使用const限定符.

 
 

   
   

    
    

   
   
   
   

    
    

     
     struct light {
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
             vec4 color;
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
             vec3 pos;
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
             //const vec3 pos1; //结构中的字段不可用const修饰会报错.
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
         };
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
     const light lgt = light(vec4(1.0), vec3(0.0)); //结构变量可以用const修饰
    
    
   
   
 
 

attribute:

attribute变量是全局且只读的,它只能在vertex shader中使用,只能与浮点数,向量或矩阵变量组合, 一般attribute变量用来放置程序传递来的模型顶点,法线,颜色,纹理等数据它可以访问数据缓冲区 (还记得__gl.vertexAttribPointer__这个函数吧)

attribute vec4 a_Position;

 
 

uniform:

uniform变量是全局且只读的,在整个shader执行完毕前其值不会改变,他可以和任意基本类型变量组合, 一般我们使用uniform变量来放置外部程序传递来的环境数据(如点光源位置,模型的变换矩阵等等) 这些数据在运行中显然是不需要被改变的.

uniform vec4 lightPosition;

 
 

varying:

varying类型变量是 vertex shader 与 fragment shader 之间的信使,一般我们在 vertex shader 中修改它然后在fragment shader使用它,但不能在 fragment shader中修改它.

 
 

   
   

    
    

   
   
   
   

    
    

     
     //顶点着色器
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
     varying vec4 v_Color;
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
     void main(){ 
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
         ...
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
         v_Color = vec4(1.,1.,1.,1);
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
     }
    
    
   
   

   
   

    
    

   
   
   
   

    
    
 
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
     //片元着色器
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
     ...
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
     varying vec4 v_Color;
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
     void main() {
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
       gl_FragColor = v_Color;
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
     }
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
     ...
    
    
   
   
 
 

要注意全局变量限制符只能为 const、attribute、uniform和varying中的一个.不可复合.

函数参数限定符:

函数的参数默认是以拷贝的形式传递的,也就是值传递,任何传递给函数参数的变量,其值都会被复制一份,然后再交给函数内部进行处理. 我们可以为参数添加限定符来达到传递引用的目的,glsl中提供的参数限定符如下:

限定符	说明
< none: default >	默认使用 in 限定符
in	复制到函数中在函数中可读写
out	返回时从函数中复制出来
inout	复制到函数中并在返回时复制出来

in 是函数参数的默认限定符,最终真正传入函数形参的其实是实参的一份拷贝.在函数中,修改in修饰的形参不会影响到实参变量本身.

out 它的作用是向函数外部传递新值,out模式下传递进来的参数是write-only的(可写不可读).就像是一个"坑位",坑位中的值需要函数给他赋予. 在函数中,修改out修饰的形参会影响到实参本身.

inout inout下,形参可以被理解为是一个带值的"坑位",及可读也可写,在函数中,修改inout修饰的形参会影响到实参本身.

glsl的函数:

glsl允许在程序的最外部声明函数.函数不能嵌套,不能递归调用,且必须声明返回值类型(无返回值时声明为void) 在其他方面glsl函数与c函数非常类似.

 
 

   
   

    
    

   
   
   
   

    
    

     
     vec4 getPosition(){ 
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
         vec4 v4 = vec4(0.,0.,0.,1.);
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
         return v4;
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
     }
    
    
   
   

   
   

    
    

   
   
   
   

    
    
 
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
     void doubleSize(inout float size){
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
         size= size*2.0  ;
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
     }
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
     void main() {
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
         float psize= 10.0;
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
         doubleSize(psize);
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
         gl_Position = getPosition();
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
         gl_PointSize = psize;
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
     }
    
    
   
   
 
 

构造函数:

glsl中变量可以在声明的时候初始化,float pSize = 10.0 也可以先声明然后等需要的时候在进行赋值.

聚合类型对象如(向量,矩阵,数组,结构) 需要使用其构造函数来进行初始化. vec4 color = vec4(0.0, 1.0, 0.0, 1.0);

 
 

   
   

    
    

   
   
   
   

    
    

     
     //一般类型
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
     float pSize = 10.0;
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
     float pSize1;
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
     pSize1=10.0;
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
     ...
    
    
   
   

   
   

    
    

   
   
   
   

    
    
 
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
     //复合类型
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
     vec4 color = vec4(0.0, 1.0, 0.0, 1.0);
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
     vec4 color1;
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
     color1 =vec4(0.0, 1.0, 0.0, 1.0);
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
     ...
    
    
   
   

   
   

    
    

   
   
   
   

    
    
 
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
     //结构
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
     struct light {
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
         float intensity;
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
         vec3 position;
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
     };
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
     light lightVar = light(3.0, vec3(1.0, 2.0, 3.0));
    
    
   
   

   
   

    
    

   
   
   
   

    
    
 
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
     //数组
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
     const float c[3] = float[3](5.0, 7.2, 1.1);
    
    
   
   
 
 

类型转换:

glsl可以使用构造函数进行显式类型转换,各值如下:

 
 

   
   

    
    

   
   
   
   

    
    

     
     bool t= true;
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
     bool f = false;
    
    
   
   

   
   

    
    

   
   
   
   

    
    
 
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
     int a = int(t); //true转换为1或1.0
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
     int a1 = int(f);//false转换为0或0.0
    
    
   
   

   
   

    
    

   
   
   
   

    
    
 
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
     float b = float(t);
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
     float b1 = float(f);
    
    
   
   

   
   

    
    

   
   
   
   

    
    
 
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
     bool c = bool(0);//0或0.0转换为false
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
     bool c1 = bool(1);//非0转换为true
    
    
   
   

   
   

    
    

   
   
   
   

    
    
 
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
     bool d = bool(0.0);
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
     bool d1 = bool(1.0);
    
    
   
   
 
 

精度限定:

glsl在进行光栅化着色的时候,会产生大量的浮点数运算,这些运算可能是当前设备所不能承受的,所以glsl提供了3种浮点数精度,我们可以根据不同的设备来使用合适的精度.

在变量前面加上 highp mediump lowp 即可完成对该变量的精度声明.

 
 

   
   

    
    

   
   
   
   

    
    

     
     lowp 
     
     float color;
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
     varying mediump vec2 Coord;
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
     lowp ivec2 foo(lowp mat3);
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
     highp mat4 m;
    
    
   
   
 
 

我们一般在片元着色器(fragment shader)最开始的地方加上 precision mediump float; 便设定了默认的精度.这样所有没有显式表明精度的变量 都会按照设定好的默认精度来处理.

如何确定精度:

变量的精度首先是由精度限定符决定的,如果没有精度限定符,则要寻找其右侧表达式中,已经确定精度的变量,一旦找到,那么整个表达式都将在该精度下运行.如果找到多个, 则选择精度较高的那种,如果一个都找不到,则使用默认或更大的精度类型.

 
 

   
   

    
    

   
   
   
   

    
    

     
     uniform highp float h1;
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
     highp float h2 = 2.3 * 4.7; //运算过程和结果都 是高精度
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
     mediump float m;
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
     m = 3.7 * h1 * h2; //运算过程 是高精度
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
     h2 = m * h1; //运算过程 是高精度
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
     m = h2 – h1; //运算过程 是高精度
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
     h2 = m + m; //运算过程和结果都 是中等精度
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
     void f(highp float p); // 形参 p 是高精度
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
     f(3.3); //传入的 3.3是高精度
    
    
   
   

   
   

    
    

   
   
   
   

    
    
 
    
    
   
   
 
 

invariant关键字:

由于shader在编译时会进行一些内部优化,可能会导致同样的运算在不同shader里结果不一定精确相等.这会引起一些问题,尤其是vertx shader向fragmeng shader传值的时候. 所以我们需要使用invariant 关键字来显式要求计算结果必须精确一致. 当然我们也可使用 #pragma STDGL invariant(all)来命令所有输出变量必须精确一致, 但这样会限制编译器优化程度,降低性能.

 
 

   
   

    
    

   
   
   
   

    
    

     
     #pragma STDGL invariant(all) //所有输出变量为 invariant
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
     invariant varying texCoord; //varying在传递数据的时候声明为invariant
    
    
   
   
 
 

限定符的顺序:

当需要用到多个限定符的时候要遵循以下顺序:

1.在一般变量中: invariant > storage > precision

2.在参数中: storage > parameter > precision

我们来举例说明:

 
 

   
   

    
    

   
   
   
   

    
    

     
     invariant varying lowp float color; // invariant > storage > precision
    
    
   
   

   
   

    
    

   
   
   
   

    
    
 
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
     void doubleSize(const in lowp float s){ //storage > parameter > precision
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
         float s1=s;
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
     }
    
    
   
   
 
 

预编译指令:

以 # 开头的是预编译指令,常用的有:

 
 

   
   

    
    

   
   
   
   

    
    

     
     #define #undef #if #ifdef #ifndef #else
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
     #elif #endif #error #pragma #extension #version #line
    
    
   
   
 
 

比如 #version 100 他的意思是规定当前shader使用 GLSL ES 1.00标准进行编译,如果使用这条预编译指令,则他必须出现在程序的最开始位置.

内置的宏:

__LINE__ : 当前源码中的行号.

__VERSION__ : 一个整数,指示当前的glsl版本 比如 100 ps: 100 = v1.00

GL_ES : 如果当前是在 OPGL ES 环境中运行则 GL_ES 被设置成1,一般用来检查当前环境是不是 OPENGL ES.

GL_FRAGMENT_PRECISION_HIGH : 如果当前系统glsl的片元着色器支持高浮点精度,则设置为1.一般用于检查着色器精度.

实例:

1.如何通过判断系统环境,来选择合适的精度:

 
 

   
   

    
    

   
   
   
   

    
    

     
     #ifdef GL_ES //
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
     #ifdef GL_FRAGMENT_PRECISION_HIGH
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
     precision highp float;
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
     #else
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
     precision mediump float;
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
     #endif
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
     #endif
    
    
   
   
 
 

2.自定义宏:

 
 

   
   

    
    

   
   
   
   

    
    

     
     #define NUM 100
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
     #if NUM==100
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
     #endif
    
    
   
   
 
 

内置的特殊变量

glsl程序使用一些特殊的内置变量与硬件进行沟通.他们大致分成两种 一种是 input类型,他负责向硬件(渲染管线)发送数据. 另一种是output类型,负责向程序回传数据,以便编程时需要.

在 vertex Shader 中:

output 类型的内置变量:

变量	说明	单位
highp vec4 gl_Position;	gl_Position 放置顶点坐标信息	vec4
mediump float gl_PointSize;	gl_PointSize 需要绘制点的大小,(只在gl.POINTS模式下有效)	float

在 fragment Shader 中:

input 类型的内置变量:

变量	说明	单位
mediump vec4 gl_FragCoord;	片元在framebuffer画面的相对位置	vec4
bool gl_FrontFacing;	标志当前图元是不是正面图元的一部分	bool
mediump vec2 gl_PointCoord;	经过插值计算后的纹理坐标,点的范围是0.0到1.0	vec2

output 类型的内置变量:

变量	说明	单位
mediump vec4 gl_FragColor;	设置当前片点的颜色	vec4 RGBA color
mediump vec4 gl_FragData[n]	设置当前片点的颜色,使用glDrawBuffers数据数组	vec4 RGBA color

内置的常量

glsl提供了一些内置的常量,用来说明当前系统的一些特性. 有时我们需要针对这些特性,对shader程序进行优化,让程序兼容度更好.

在 vertex Shader 中:

1.const mediump int gl_MaxVertexAttribs>=8

gl_MaxVertexAttribs 表示在vertex shader(顶点着色器)中可用的最大attributes数.这个值的大小取决于 OpenGL ES 在某设备上的具体实现, 不过最低不能小于 8 个.

2.const mediump int gl_MaxVertexUniformVectors >= 128

gl_MaxVertexUniformVectors 表示在vertex shader(顶点着色器)中可用的最大uniform vectors数. 这个值的大小取决于 OpenGL ES 在某设备上的具体实现, 不过最低不能小于 128 个.

3.const mediump int gl_MaxVaryingVectors >= 8

gl_MaxVaryingVectors 表示在vertex shader(顶点着色器)中可用的最大varying vectors数. 这个值的大小取决于 OpenGL ES 在某设备上的具体实现, 不过最低不能小于 8 个.

4.const mediump int gl_MaxVertexTextureImageUnits >= 0

gl_MaxVaryingVectors 表示在vertex shader(顶点着色器)中可用的最大纹理单元数(贴图). 这个值的大小取决于 OpenGL ES 在某设备上的具体实现, 甚至可以一个都没有(无法获取顶点纹理)

5.const mediump int gl_MaxCombinedTextureImageUnits >= 8

gl_MaxVaryingVectors 表示在 vertex Shader和fragment Shader总共最多支持多少个纹理单元. 这个值的大小取决于 OpenGL ES 在某设备上的具体实现, 不过最低不能小于 8 个.

在 fragment Shader 中:

1.const mediump int gl_MaxTextureImageUnits >= 8

gl_MaxVaryingVectors 表示在 fragment Shader(片元着色器)中能访问的最大纹理单元数,这个值的大小取决于 OpenGL ES 在某设备上的具体实现, 不过最低不能小于 8 个.

2.const mediump int gl_MaxFragmentUniformVectors >= 16

gl_MaxFragmentUniformVectors 表示在 fragment Shader(片元着色器)中可用的最大uniform vectors数,这个值的大小取决于 OpenGL ES 在某设备上的具体实现, 不过最低不能小于 16 个.

3.const mediump int gl_MaxDrawBuffers = 1

gl_MaxDrawBuffers 表示可用的drawBuffers数,在OpenGL ES 2.0中这个值为1, 在将来的版本可能会有所变化.

glsl中还有一种内置的uniform状态变量, gl_DepthRange 它用来表明全局深度范围.

结构如下:

 
 

   
   

    
    

   
   
   
   

    
    

     
     struct gl_DepthRangeParameters {
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
      highp float near; // n
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
      highp float far; // f
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
      highp float diff; // f - n
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
      };
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
      uniform gl_DepthRangeParameters gl_DepthRange;
    
    
   
   
 
 

除了 gl_DepthRange 外的所有uniform状态常量都已在glsl 1.30 中废弃.

流控制

glsl的流控制和c语言非常相似,这里不必再做过多说明,唯一不同的是片段着色器中有一种特殊的控制流discard. 使用discard会退出片段着色器，不执行后面的片段着色操作。片段也不会写入帧缓冲区。

 
 

   
   

    
    

   
   
   
   

    
    

     
     for (l = 0; l 
     
     < numLights; l++)
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
     {
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
         if (!lightExists[l]);
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
             continue;
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
         color += light[l];
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
     }
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
     ...
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
     
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
     while (i < num)
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
     {
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
         sum += color[i];
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
         i++;
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
     }
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
     ...
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
     
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
     do{
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
         color += light[lightNum];
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
         lightNum--;
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
     }while (lightNum > 0)
    
    
   
   

   
   

    
    

   
   
   
   

    
    
 
    
    
   
   

   
   

    
    

   
   
   
   

    
    
 
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
     ...
    
    
   
   

   
   

    
    

   
   
   
   

    
    
 
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
     if (true)
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
         discard;
    
    
   
   

   
   

    
    

   
   
   
   

    
    
 
    
    
   
   
 
 

内置函数库

glsl提供了非常丰富的函数库,供我们使用,这些功能都是非常有用且会经常用到的. 这些函数按功能区分大改可以分成7类:

通用函数:

下文中的 类型 T可以是 float, vec2, vec3, vec4,且可以逐分量操作.

方法	说明
T abs(T x)	返回x的绝对值
T sign(T x)	比较x与0的值,大于,等于,小于 分别返回 1.0 ,0.0,-1.0
T floor(T x)	返回<=x的最大整数
T ceil(T x)	返回>=等于x的最小整数
T fract(T x)	获取x的小数部分
T mod(T x, T y)  T mod(T x, float y)	取x,y的余数
T min(T x, T y)  T min(T x, float y)	取x,y的最小值
T max(T x, T y)  T max(T x, float y)	取x,y的最大值
T clamp(T x, T minVal, T maxVal)  T clamp(T x, float minVal,float maxVal)	min(max(x, minVal), maxVal),返回值被限定在 minVal,maxVal之间
T mix(T x, T y, T a)  T mix(T x, T y, float a)	取x,y的线性混合,x*(1-a)+y*a
T step(T edge, T x)  T step(float edge, T x)	如果 x<edge 返回 0.0 否则返回1.0
T smoothstep(T edge0, T edge1, T x)  T smoothstep(float edge0,float edge1, T x)	如果x<edge0 返回 0.0 如果x>edge1返回1.0, 否则返回Hermite插值

角度&三角函数:

下文中的 类型 T可以是 float, vec2, vec3, vec4,且可以逐分量操作.

方法	说明
T radians(T degrees)	角度转弧度
T degrees(T radians)	弧度转角度
T sin(T angle)	正弦函数,角度是弧度
T cos(T angle)	余弦函数,角度是弧度
T tan(T angle)	正切函数,角度是弧度
T asin(T x)	反正弦函数,返回值是弧度
T acos(T x)	反余弦函数,返回值是弧度
T atan(T y, T x) T atan(T y_over_x)	反正切函数,返回值是弧度

指数函数:

下文中的 类型 T可以是 float, vec2, vec3, vec4,且可以逐分量操作.

方法	说明
T pow(T x, T y)	返回x的y次幂 xy
T exp(T x)	返回x的自然指数幂 ex
T log(T x)	返回x的自然对数 ln
T exp2(T x)	返回2的x次幂 2x
T log2(T x)	返回2为底的对数 log2
T sqrt(T x)	开根号 √x
T inversesqrt(T x)	先开根号,在取倒数,就是 1/√x

几何函数:

下文中的 类型 T可以是 float, vec2, vec3, vec4,且可以逐分量操作.

方法	说明
float length(T x)	返回矢量x的长度
float distance(T p0, T p1)	返回p0 p1两点的距离
float dot(T x, T y)	返回x y的点积
vec3 cross(vec3 x, vec3 y)	返回x y的叉积
T normalize(T x)	对x进行归一化,保持向量方向不变但长度变为1
T faceforward(T N, T I, T Nref)	根据 矢量 N 与Nref 调整法向量
T reflect(T I, T N)	返回 I - 2 * dot(N,I) * N, 结果是入射矢量 I 关于法向量N的 镜面反射矢量
T refract(T I, T N, float eta)	返回入射矢量I关于法向量N的折射矢量,折射率为eta

矩阵函数:

mat可以为任意类型矩阵.

方法	说明
mat matrixCompMult(mat x, mat y)	将矩阵 x 和 y的元素逐分量相乘

向量函数:

下文中的 类型 T可以是 vec2, vec3, vec4, 且可以逐分量操作.

bvec指的是由bool类型组成的一个向量:

 
 

   
   

    
    

   
   
   
   

    
    

     
     vec3 v3= vec3(0.,0.,0.);
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
     vec3 v3_1= vec3(1.,1.,1.);
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
     bvec3 aa= lessThan(v3,v3_1); //bvec3(true,true,true)
    
    
   
   
 
 

方法	说明
bvec lessThan(T x, T y)	逐分量比较x < y,将结果写入bvec对应位置
bvec lessThanEqual(T x, T y)	逐分量比较 x <= y,将结果写入bvec对应位置
bvec greaterThan(T x, T y)	逐分量比较 x > y,将结果写入bvec对应位置
bvec greaterThanEqual(T x, T y)	逐分量比较 x >= y,将结果写入bvec对应位置
bvec equal(T x, T y)  bvec equal(bvec x, bvec y)	逐分量比较 x == y,将结果写入bvec对应位置
bvec notEqual(T x, T y)  bvec notEqual(bvec x, bvec y)	逐分量比较 x!= y,将结果写入bvec对应位置
bool any(bvec x)	如果x的任意一个分量是true,则结果为true
bool all(bvec x)	如果x的所有分量是true,则结果为true
bvec not(bvec x)	bool矢量的逐分量取反

纹理查询函数:

图像纹理有两种 一种是平面2d纹理,另一种是盒纹理,针对不同的纹理类型有不同访问方法.

纹理查询的最终目的是从sampler中提取指定坐标的颜色信息. 函数中带有Cube字样的是指 需要传入盒状纹理. 带有Proj字样的是指带投影的版本.

以下函数只在vertex shader中可用:

 
 

   
   

    
    

   
   
   
   

    
    

     
     vec4 texture2DLod(sampler2D sampler, vec2 coord, float lod);
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
     vec4 texture2DProjLod(sampler2D sampler, vec3 coord, float lod);
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
     vec4 texture2DProjLod(sampler2D sampler, vec4 coord, float lod);
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
     vec4 textureCubeLod(samplerCube sampler, vec3 coord, float lod);
    
    
   
   
 
 

以下函数只在fragment shader中可用:

 
 

   
   

    
    

   
   
   
   

    
    

     
     vec4 texture2D(sampler2D sampler, vec2 coord, float bias);
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
     vec4 texture2DProj(sampler2D sampler, vec3 coord, float bias);
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
     vec4 texture2DProj(sampler2D sampler, vec4 coord, float bias);
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
     vec4 textureCube(samplerCube sampler, vec3 coord, float bias);
    
    
   
   
 
 

在 vertex shader 与 fragment shader 中都可用:

 
 

   
   

    
    

   
   
   
   

    
    

     
     vec4 texture2D(sampler2D sampler, vec2 coord);
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
     vec4 texture2DProj(sampler2D sampler, vec3 coord);
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
     vec4 texture2DProj(sampler2D sampler, vec4 coord);
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
     vec4 textureCube(samplerCube sampler, vec3 coord);
    
    
   
   
 
 

官方的shader范例:

下面的shader如果你可以一眼看懂,说明你已经对glsl语言基本掌握了.

Vertex Shader:

 
 

   
   

    
    

   
   
   
   

    
    

     
     uniform mat4 mvp_matrix; //透视矩阵 * 视图矩阵 * 模型变换矩阵
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
     uniform mat3 normal_matrix; //法线变换矩阵(用于物体变换后法线跟着变换)
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
     uniform vec3 ec_light_dir; //光照方向
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
     attribute vec4 a_vertex; // 顶点坐标
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
     attribute vec3 a_normal; //顶点法线
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
     attribute vec2 a_texcoord; //纹理坐标
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
     varying float v_diffuse; //法线与入射光的夹角
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
     varying vec2 v_texcoord; //2d纹理坐标
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
     void main(void)
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
     {
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
      //归一化法线
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
      vec3 ec_normal = normalize(normal_matrix * a_normal);
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
      //v_diffuse 是法线与光照的夹角.根据向量点乘法则,当两向量长度为1是 乘积即cosθ值
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
      v_diffuse = max(dot(ec_light_dir, ec_normal), 0.0);
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
      v_texcoord = a_texcoord;
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
      gl_Position = mvp_matrix * a_vertex;
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
     }
    
    
   
   
 
 

Fragment Shader:

 
 

   
   

    
    

   
   
   
   

    
    

     
     precision mediump float;
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
     uniform sampler2D t_reflectance;
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
     uniform vec4 i_ambient;
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
     varying float v_diffuse;
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
     varying vec2 v_texcoord;
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
     void main (void)
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
     {
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
      vec4 color = texture2D(t_reflectance, v_texcoord);
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
      //这里分解开来是 color*vec3(1,1,1)*v_diffuse + color*i_ambient
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
      //色*光*夹角cos + 色*环境光
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
      gl_FragColor = color*(vec4(v_diffuse) + i_ambient);
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
     }
    
    
   
   
 
 

 

•                     <li class="tool-item tool-active is-like "><a href="javascript:;"><svg class="icon" aria-hidden="true">
                          <use xlink:href="#csdnc-thumbsup"></use>
                      </svg><span class="name">点赞</span>
                      <span class="count">9</span>
                      </a></li>
                      <li class="tool-item tool-active is-collection "><a href="javascript:;" data-report-click="{&quot;mod&quot;:&quot;popu_824&quot;}"><svg class="icon" aria-hidden="true">
                          <use xlink:href="#icon-csdnc-Collection-G"></use>
                      </svg><span class="name">收藏</span></a></li>
                      <li class="tool-item tool-active is-share"><a href="javascript:;" data-report-click="{&quot;mod&quot;:&quot;1582594662_002&quot;}"><svg class="icon" aria-hidden="true">
                          <use xlink:href="#icon-csdnc-fenxiang"></use>
                      </svg>分享</a></li>
                      <!--打赏开始-->
                                              <!--打赏结束-->
                                              <li class="tool-item tool-more">
                          <a>
                          <svg t="1575545411852" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5717" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M179.176 499.222m-113.245 0a113.245 113.245 0 1 0 226.49 0 113.245 113.245 0 1 0-226.49 0Z" p-id="5718"></path><path d="M509.684 499.222m-113.245 0a113.245 113.245 0 1 0 226.49 0 113.245 113.245 0 1 0-226.49 0Z" p-id="5719"></path><path d="M846.175 499.222m-113.245 0a113.245 113.245 0 1 0 226.49 0 113.245 113.245 0 1 0-226.49 0Z" p-id="5720"></path></svg>
                          </a>
                          <ul class="more-box">
                              <li class="item"><a class="article-report">文章举报</a></li>
                          </ul>
                      </li>
                                          </ul>
              </div>
                          </div>
          <div class="person-messagebox">
              <div class="left-message"><a href="https://blog.csdn.net/jeffasd">
                  <img src="https://profile.csdnimg.cn/E/C/4/3_jeffasd" class="avatar_pic" username="jeffasd">
                                          <img src="https://g.csdnimg.cn/static/user-reg-year/2x/8.png" class="user-years">
                                  </a></div>
              <div class="middle-message">
                                      <div class="title"><span class="tit"><a href="https://blog.csdn.net/jeffasd" data-report-click="{&quot;mod&quot;:&quot;popu_379&quot;}" target="_blank">jeffasd</a></span>
                                          </div>
                  <div class="text"><span>发布了384 篇原创文章</span> · <span>获赞 199</span> · <span>访问量 242万+</span></div>
              </div>
                              <div class="right-message">
                                          <a href="https://bbs.csdn.net/topics/395532155" target="_blank" class="btn btn-sm btn-red-hollow bt-button personal-messageboard">他的留言板
                      </a>
                                                          <a class="btn btn-sm  bt-button personal-watch" data-report-click="{&quot;mod&quot;:&quot;popu_379&quot;}">关注</a>
                                  </div>
                          </div>
                  </div>
  </article>
  

<script>
$("#blog_detail_zk_collection").click(function(){
    window.csdn.articleCollection()
})

        <div id="dmp_ad_58"><div id="kp_box_58" data-pid="58"><script type="text/javascript">
    (function() {
        var s = "_" + Math.random().toString(36).slice(2);
        document.write('<div style="" id="' + s + '"></div>');
        (window.slotbydup = window.slotbydup || []).push({
            id: "u3501897",
            container: s
        });
    })();

        <a id="commentBox" name="commentBox"></a>

发表评论

添加代码片

• HTML/XML
• objective-c
• Ruby
• PHP
• C
• C++
• JavaScript
• Python
• Java
• CSS
• SQL
• 其它

还能输入1000个字符

<div class="comment-list-container" style="display: block;">
	<a id="comments"></a>
	<div class="comment-list-box"><ul class="comment-list"><li class="comment-line-box d-flex" data-commentid="10220473" data-replyname="cscs111">      <a target="_blank" href="https://me.csdn.net/cscs111"><img src="https://profile.csdnimg.cn/3/4/8/3_cscs111" username="cscs111" alt="cscs111" class="avatar"></a>        <div class="right-box ">          <div class="new-info-box clearfix">            <a target="_blank" href="https://me.csdn.net/cscs111"><span class="name ">HaleYangD</span></a><span class="date" title="2019-07-22 07:04:20">8个月前</span><span class="floor-num"></span><span class="new-comment" style="display:inline-block;margin-top:0px">非常感谢，这个教程非常清晰易懂</span><span class="new-opt-box"><a class="btn btn-link-blue btn-report" data-type="report">举报</a><a class="btn btn-link-blue btn-reply" data-type="reply">回复</a></span></div><div class="comment-like " data-commentid="10220473"><svg t="1569296798904" class="icon " viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5522" width="200" height="200"><path d="M726.016 906.666667h-348.586667a118.016 118.016 0 0 1-116.992-107.904l-29.013333-362.666667A117.589333 117.589333 0 0 1 348.458667 309.333333H384c126.549333 0 160-104.661333 160-160 0-51.413333 39.296-88.704 93.397333-88.704 36.906667 0 71.68 18.389333 92.928 49.194667 26.88 39.04 43.178667 111.658667 12.714667 199.509333h95.530667a117.418667 117.418667 0 0 1 115.797333 136.106667l-49.28 308.522667a180.608 180.608 0 0 1-179.072 152.704zM348.458667 373.333333l-4.48 0.170667a53.461333 53.461333 0 0 0-48.768 57.472l29.013333 362.666667c2.218667 27.52 25.6 49.024 53.205333 49.024h348.544a116.949333 116.949333 0 0 0 115.925334-98.816l49.322666-308.736a53.418667 53.418667 0 0 0-52.650666-61.781334h-144.085334a32 32 0 0 1-28.458666-46.634666c45.909333-89.130667 28.885333-155.434667 11.562666-180.522667a48.981333 48.981333 0 0 0-40.192-21.504c-6.912 0-29.397333 1.792-29.397333 24.704 0 111.317333-76.928 224-224 224h-35.541333zM170.624 906.666667a32.042667 32.042667 0 0 1-31.872-29.44l-42.666667-533.333334a32.042667 32.042667 0 0 1 29.354667-34.474666c17.066667-1.408 33.024 11.733333 34.432 29.354666l42.666667 533.333334a32.042667 32.042667 0 0 1-31.914667 34.56z" p-id="5523"></path></svg><span></span></div></div></li></ul><ul class="comment-list"><li class="comment-line-box d-flex" data-commentid="8152857" data-replyname="weixin_41101173">      <a target="_blank" href="https://me.csdn.net/weixin_41101173"><img src="https://profile.csdnimg.cn/F/8/0/3_weixin_41101173" username="weixin_41101173" alt="weixin_41101173" class="avatar"></a>        <div class="right-box ">          <div class="new-info-box clearfix">            <a target="_blank" href="https://me.csdn.net/weixin_41101173"><span class="name ">Chin_style</span></a><span class="date" title="2018-06-28 15:04:52">1年前</span><span class="floor-num"></span><span class="new-comment" style="display:inline-block;margin-top:0px">谢谢博主的分享 学到了很多！</span><span class="new-opt-box"><a class="btn btn-link-blue btn-report" data-type="report">举报</a><a class="btn btn-link-blue btn-reply" data-type="reply">回复</a></span></div><div class="comment-like " data-commentid="8152857"><svg t="1569296798904" class="icon " viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5522" width="200" height="200"><path d="M726.016 906.666667h-348.586667a118.016 118.016 0 0 1-116.992-107.904l-29.013333-362.666667A117.589333 117.589333 0 0 1 348.458667 309.333333H384c126.549333 0 160-104.661333 160-160 0-51.413333 39.296-88.704 93.397333-88.704 36.906667 0 71.68 18.389333 92.928 49.194667 26.88 39.04 43.178667 111.658667 12.714667 199.509333h95.530667a117.418667 117.418667 0 0 1 115.797333 136.106667l-49.28 308.522667a180.608 180.608 0 0 1-179.072 152.704zM348.458667 373.333333l-4.48 0.170667a53.461333 53.461333 0 0 0-48.768 57.472l29.013333 362.666667c2.218667 27.52 25.6 49.024 53.205333 49.024h348.544a116.949333 116.949333 0 0 0 115.925334-98.816l49.322666-308.736a53.418667 53.418667 0 0 0-52.650666-61.781334h-144.085334a32 32 0 0 1-28.458666-46.634666c45.909333-89.130667 28.885333-155.434667 11.562666-180.522667a48.981333 48.981333 0 0 0-40.192-21.504c-6.912 0-29.397333 1.792-29.397333 24.704 0 111.317333-76.928 224-224 224h-35.541333zM170.624 906.666667a32.042667 32.042667 0 0 1-31.872-29.44l-42.666667-533.333334a32.042667 32.042667 0 0 1 29.354667-34.474666c17.066667-1.408 33.024 11.733333 34.432 29.354666l42.666667 533.333334a32.042667 32.042667 0 0 1-31.914667 34.56z" p-id="5523"></path></svg><span></span></div></div></li></ul><ul class="comment-list"><li class="comment-line-box d-flex" data-commentid="7747996" data-replyname="YE_wolf">      <a target="_blank" href="https://me.csdn.net/YE_wolf"><img src="https://profile.csdnimg.cn/7/9/7/3_ye_wolf" username="YE_wolf" alt="YE_wolf" class="avatar"></a>        <div class="right-box ">          <div class="new-info-box clearfix">            <a target="_blank" href="https://me.csdn.net/YE_wolf"><span class="name ">YE_wolf</span></a><span class="date" title="2018-03-28 13:38:45">2年前</span><span class="floor-num"></span><span class="new-comment" style="">感谢博主分享，关于GLSL很好的入门教程.</span><span class="new-opt-box"><a class="btn btn-link-blue btn-report" data-type="report">举报</a><a class="btn btn-link-blue btn-reply" data-type="reply">回复</a><a class="btn btn-link-blue btn-read-reply" data-type="readreply">查看回复(2)</a></span></div><div class="comment-like " data-commentid="7747996"><svg t="1569296798904" class="icon " viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5522" width="200" height="200"><path d="M726.016 906.666667h-348.586667a118.016 118.016 0 0 1-116.992-107.904l-29.013333-362.666667A117.589333 117.589333 0 0 1 348.458667 309.333333H384c126.549333 0 160-104.661333 160-160 0-51.413333 39.296-88.704 93.397333-88.704 36.906667 0 71.68 18.389333 92.928 49.194667 26.88 39.04 43.178667 111.658667 12.714667 199.509333h95.530667a117.418667 117.418667 0 0 1 115.797333 136.106667l-49.28 308.522667a180.608 180.608 0 0 1-179.072 152.704zM348.458667 373.333333l-4.48 0.170667a53.461333 53.461333 0 0 0-48.768 57.472l29.013333 362.666667c2.218667 27.52 25.6 49.024 53.205333 49.024h348.544a116.949333 116.949333 0 0 0 115.925334-98.816l49.322666-308.736a53.418667 53.418667 0 0 0-52.650666-61.781334h-144.085334a32 32 0 0 1-28.458666-46.634666c45.909333-89.130667 28.885333-155.434667 11.562666-180.522667a48.981333 48.981333 0 0 0-40.192-21.504c-6.912 0-29.397333 1.792-29.397333 24.704 0 111.317333-76.928 224-224 224h-35.541333zM170.624 906.666667a32.042667 32.042667 0 0 1-31.872-29.44l-42.666667-533.333334a32.042667 32.042667 0 0 1 29.354667-34.474666c17.066667-1.408 33.024 11.733333 34.432 29.354666l42.666667 533.333334a32.042667 32.042667 0 0 1-31.914667 34.56z" p-id="5523"></path></svg><span></span></div></div></li><li class="replay-box"><ul class="comment-list"><li class="comment-line-box d-flex" data-commentid="8022278" data-replyname="shifeng_0101">      <a target="_blank" href="https://me.csdn.net/shifeng_0101"><img src="https://profile.csdnimg.cn/3/5/6/3_shifeng_0101" username="shifeng_0101" alt="shifeng_0101" class="avatar"></a>        <div class="right-box reply-box">          <div class="new-info-box clearfix">            <a target="_blank" href="https://me.csdn.net/shifeng_0101"><span class="name mr-8">shifeng_0101</span></a><span class="text">回复</span>  <span class="nick-name">jeffasd</span><span class="date" title="2018-06-01 09:47:08">1年前</span><span class="text"></span><span class="new-comment" style="">感谢分享，最近也在学习GLSL</span><span class="new-opt-box"><a class="btn btn-link-blue btn-report" data-type="report">举报</a><a class="btn btn-link-blue btn-reply" data-type="reply">回复</a></span></div><div class="comment-like " data-commentid="8022278"><svg t="1569296798904" class="icon " viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5522" width="200" height="200"><path d="M726.016 906.666667h-348.586667a118.016 118.016 0 0 1-116.992-107.904l-29.013333-362.666667A117.589333 117.589333 0 0 1 348.458667 309.333333H384c126.549333 0 160-104.661333 160-160 0-51.413333 39.296-88.704 93.397333-88.704 36.906667 0 71.68 18.389333 92.928 49.194667 26.88 39.04 43.178667 111.658667 12.714667 199.509333h95.530667a117.418667 117.418667 0 0 1 115.797333 136.106667l-49.28 308.522667a180.608 180.608 0 0 1-179.072 152.704zM348.458667 373.333333l-4.48 0.170667a53.461333 53.461333 0 0 0-48.768 57.472l29.013333 362.666667c2.218667 27.52 25.6 49.024 53.205333 49.024h348.544a116.949333 116.949333 0 0 0 115.925334-98.816l49.322666-308.736a53.418667 53.418667 0 0 0-52.650666-61.781334h-144.085334a32 32 0 0 1-28.458666-46.634666c45.909333-89.130667 28.885333-155.434667 11.562666-180.522667a48.981333 48.981333 0 0 0-40.192-21.504c-6.912 0-29.397333 1.792-29.397333 24.704 0 111.317333-76.928 224-224 224h-35.541333zM170.624 906.666667a32.042667 32.042667 0 0 1-31.872-29.44l-42.666667-533.333334a32.042667 32.042667 0 0 1 29.354667-34.474666c17.066667-1.408 33.024 11.733333 34.432 29.354666l42.666667 533.333334a32.042667 32.042667 0 0 1-31.914667 34.56z" p-id="5523"></path></svg><span></span></div></div></li><li class="comment-line-box d-flex" data-commentid="7855935" data-replyname="jeffasd">      <a target="_blank" href="https://me.csdn.net/jeffasd"><img src="https://profile.csdnimg.cn/E/C/4/3_jeffasd" username="jeffasd" alt="jeffasd" class="avatar"></a>        <div class="right-box reply-box">          <div class="new-info-box clearfix">            <a target="_blank" href="https://me.csdn.net/jeffasd"><span class="name mr-8">jeffasd</span></a><span class="text">回复</span>  <span class="nick-name">YE_wolf</span><span class="date" title="2018-04-23 10:21:00">1年前</span><span class="text"></span><span class="new-comment" style="">这篇文章也是转载别人的，我记录下，避免以后多次查找</span><span class="new-opt-box"><a class="btn btn-link-blue btn-report" data-type="report">举报</a><a class="btn btn-link-blue btn-reply" data-type="reply">回复</a></span></div><div class="comment-like " data-commentid="7855935"><svg t="1569296798904" class="icon " viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5522" width="200" height="200"><path d="M726.016 906.666667h-348.586667a118.016 118.016 0 0 1-116.992-107.904l-29.013333-362.666667A117.589333 117.589333 0 0 1 348.458667 309.333333H384c126.549333 0 160-104.661333 160-160 0-51.413333 39.296-88.704 93.397333-88.704 36.906667 0 71.68 18.389333 92.928 49.194667 26.88 39.04 43.178667 111.658667 12.714667 199.509333h95.530667a117.418667 117.418667 0 0 1 115.797333 136.106667l-49.28 308.522667a180.608 180.608 0 0 1-179.072 152.704zM348.458667 373.333333l-4.48 0.170667a53.461333 53.461333 0 0 0-48.768 57.472l29.013333 362.666667c2.218667 27.52 25.6 49.024 53.205333 49.024h348.544a116.949333 116.949333 0 0 0 115.925334-98.816l49.322666-308.736a53.418667 53.418667 0 0 0-52.650666-61.781334h-144.085334a32 32 0 0 1-28.458666-46.634666c45.909333-89.130667 28.885333-155.434667 11.562666-180.522667a48.981333 48.981333 0 0 0-40.192-21.504c-6.912 0-29.397333 1.792-29.397333 24.704 0 111.317333-76.928 224-224 224h-35.541333zM170.624 906.666667a32.042667 32.042667 0 0 1-31.872-29.44l-42.666667-533.333334a32.042667 32.042667 0 0 1 29.354667-34.474666c17.066667-1.408 33.024 11.733333 34.432 29.354666l42.666667 533.333334a32.042667 32.042667 0 0 1-31.914667 34.56z" p-id="5523"></path></svg><span></span></div></div></li></ul></li></ul></div>
	<div id="commentPage" class="pagination-box d-none" style="display: block;"><div id="Paging_010806859078918007" class="ui-paging-container"><ul><li class="js-page-first js-page-action ui-pager ui-pager-disabled"></li><li class="js-page-prev js-page-action ui-pager ui-pager-disabled">上一页</li><li data-page="1" class="ui-pager focus">1</li><li class="js-page-next js-page-action ui-pager ui-pager-disabled">下一页</li><li class="js-page-last js-page-action ui-pager ui-pager-disabled"></li></ul></div></div>
	
</div>

GLSL中文手册

06-01 阅读数 230

参考GitHub,传送门开启，嘛咪嘛咪哄！https://github.com/wshxbqq/GLSL-Cardvertex shader（顶点着色器）：顶点着色器是一组指令代码，这组指令代码在顶点... 博文 来自： MiracleBoyDyl的博客

为何要在GLSL中使用UBO

01-07 阅读数 46

关于UBO的介绍和使用详情，请看http://www.zwqxin.com/archives/shaderglsl/communication-between-opengl-glsl-2.html除了... 博文 来自： 445822357

拓幻图形学工程师教学手册(第八讲)|一字一字敲出OpenGL学习教程

09-16 阅读数 6

上次教程关于光照，这次内容会比较复杂，关于着色器（Shader），GLSL（OpenGL Shading Language）。对于初次接触图形学的童鞋，可能比较晦涩。并且用Mac开发的同学注意，本教程... 博文 来自： caotiao2298的博客

在中国程序员是青春饭吗？

03-17 阅读数 7万+

今年，我也32了 ，为了不给大家误导，咨询了猎头、圈内好友，以及年过35岁的几位老程序员……舍了老脸去揭人家伤疤……希望能给大家以帮助，记得帮我点赞哦。目录：你以为的人生 一次又一次的伤害 猎头界的真... 博文 来自： 启舰

<div class="recommend-item-box recommend-recommend-box"><div id="kp_box_59" data-pid="59"><script type="text/javascript">
    (function() {
        var s = "_" + Math.random().toString(36).slice(2);
        document.write('<div style="" id="' + s + '"></div>');
        (window.slotbydup = window.slotbydup || []).push({
            id: "u3501897",
            container: s
        });
    })();

《MySQL 性能优化》之理解 MySQL 体系结构

02-10 阅读数 2万+

本文介绍 MySQL 的体系结构，包括物理结构、逻辑结构以及插件式存储引擎。 博文 来自： Tony.Dong的专栏

【资源】一个C/C++开发工程师的学习路线（已经无路可退，唯有逆风飞翔）【内附资源页】

12-04 阅读数 8451

声明：1）该文章整理自网上的大牛和专家无私奉献的资料，具体引用的资料请看参考文献。2）本文仅供学术交流，非商用。所以每一部分具体的参考资料并没有详细对应。如果某部分不小心侵犯了大家的利益，还望海涵，并... 博文 来自： 种树最好的时间是10年前，其次是现在！！！

程序员请照顾好自己，周末病魔差点一套带走我。

03-13 阅读数 4万+

程序员在一个周末的时间，得了重病，差点当场去世，还好及时挽救回来了。... 博文 来自： 敖丙

20道你必须要背会的微服务面试题，面试一定会被问到

01-02 阅读数 2万+

写在前面： 在学习springcloud之前大家一定要先了解下，常见的面试题有那块，然后我们带着问题去学习这个微服务技术，那么就会更加理解springcloud技术。如果你已经学了springclou... 博文 来自： 扬帆向海的博客

达摩院十大科技趋势发布：2020 非同小可！

01-02 阅读数 4万+

【CSDN编者按】1月2日，阿里巴巴发布《达摩院2020十大科技趋势》，十大科技趋势分别是：人工智能从感知智能向认知智能演进；计算存储一体化突破AI算力瓶颈；工业互联网的超融合；机器间大规模协作成为可... 博文 来自： CSDN资讯

<div class="recommend-item-box recommend-recommend-box"><div id="kp_box_60" data-pid="60"><script type="text/javascript">
    (function() {
        var s = "_" + Math.random().toString(36).slice(2);
        document.write('<div style="" id="' + s + '"></div>');
        (window.slotbydup = window.slotbydup || []).push({
            id: "u3501897",
            container: s
        });
    })();

轻松搭建基于 SpringBoot + Vue 的 Web 商城应用

01-03 阅读数 5万+

首先介绍下在本文出现的几个比较重要的概念：函数计算（Function Compute）: 函数计算是一个事件驱动的服务，通过函数计算，用户无需管理服务器等运行情况，只需编写代码并上传。函数计算准备计算... 博文 来自： 阿里云云栖号

Python+OpenCV实时图像处理

01-04 阅读数 7万+

目录1、导入库文件2、设计GUI3、调用摄像头4、实时图像处理4.1、阈值二值化4.2、边缘检测4.3、轮廓检测4.4、高斯滤波4.5、色彩转换4.6、调节对比度5、退出系统初学OpenCV图像处理的... 博文 来自： 不脱发的程序猿

		<div class="recommend-item-box blog-expert-recommend-box" style="display: block;">
		<div class="d-flex">
			<div class="blog-expert-recommend">
				<div class="blog-expert">
					<div class="blog-expert-flexbox" data-report-view="{&quot;mod&quot;:&quot;popu_709&quot;,&quot;dest&quot;:&quot;https://blog.csdn.net/jeffasd/article/details/77989274?locationNum=10&amp;fps=1&quot;}"><div class="blog-expert-item"><div class="blog-expert-info-box"><div class="blog-expert-img-box" data-report-click="{&quot;mod&quot;:&quot;popu_709&quot;,&quot;dest&quot;:&quot;https://blog.csdn.net/jeffasd/article/details/77989274?locationNum=10&amp;fps=1&quot;}"><a href="https://blog.csdn.net/weixin_43846381" target="_blank"><img src="https://profile.csdnimg.cn/9/1/F/3_weixin_43846381" username="weixin_43846381" alt="小皮孩123" title="小皮孩123"></a><span data-report-click="{&quot;mod&quot;:&quot;popu_710&quot;,&quot;dest&quot;:&quot;https://blog.csdn.net/jeffasd/article/details/77989274?locationNum=10&amp;fps=1&quot;}"><span class="blog-expert-button-follow btn-red-follow" data-name="weixin_43846381" data-nick="小皮孩123">关注</span></span></div><div class="info"><span data-report-click="{&quot;mod&quot;:&quot;popu_709&quot;,&quot;dest&quot;:&quot;https://blog.csdn.net/jeffasd/article/details/77989274?locationNum=10&amp;fps=1&quot;}"><a href="https://blog.csdn.net/weixin_43846381" target="_blank"><h5 class="oneline" title="小皮孩123">小皮孩123</h5></a></span>  <p></p><p class="article-num" title="11篇文章"> 11篇文章</p><p class="article-num" title="排名:千里之外"> 排名:千里之外</p><p></p></div></div></div><div class="blog-expert-item"><div class="blog-expert-info-box"><div class="blog-expert-img-box" data-report-click="{&quot;mod&quot;:&quot;popu_709&quot;,&quot;dest&quot;:&quot;https://blog.csdn.net/jeffasd/article/details/77989274?locationNum=10&amp;fps=1&quot;}"><a href="https://blog.csdn.net/MiracleBoyDyl" target="_blank"><img src="https://profile.csdnimg.cn/4/5/0/3_miracleboydyl" username="MiracleBoyDyl" alt="笑笑佛" title="笑笑佛"></a><span data-report-click="{&quot;mod&quot;:&quot;popu_710&quot;,&quot;dest&quot;:&quot;https://blog.csdn.net/jeffasd/article/details/77989274?locationNum=10&amp;fps=1&quot;}"><span class="blog-expert-button-follow btn-red-follow" data-name="MiracleBoyDyl" data-nick="笑笑佛">关注</span></span></div><div class="info"><span data-report-click="{&quot;mod&quot;:&quot;popu_709&quot;,&quot;dest&quot;:&quot;https://blog.csdn.net/jeffasd/article/details/77989274?locationNum=10&amp;fps=1&quot;}"><a href="https://blog.csdn.net/MiracleBoyDyl" target="_blank"><h5 class="oneline" title="笑笑佛">笑笑佛</h5></a></span>  <p></p><p class="article-num" title="9篇文章"> 9篇文章</p><p class="article-num" title="排名:千里之外"> 排名:千里之外</p><p></p></div></div></div><div class="blog-expert-item"><div class="blog-expert-info-box"><div class="blog-expert-img-box" data-report-click="{&quot;mod&quot;:&quot;popu_709&quot;,&quot;dest&quot;:&quot;https://blog.csdn.net/jeffasd/article/details/77989274?locationNum=10&amp;fps=1&quot;}"><a href="https://blog.csdn.net/iteye_21202" target="_blank"><img src="https://profile.csdnimg.cn/6/8/8/3_iteye_21202" username="iteye_21202" alt="iteye_21202" title="iteye_21202"></a><span data-report-click="{&quot;mod&quot;:&quot;popu_710&quot;,&quot;dest&quot;:&quot;https://blog.csdn.net/jeffasd/article/details/77989274?locationNum=10&amp;fps=1&quot;}"><span class="blog-expert-button-follow btn-red-follow" data-name="iteye_21202" data-nick="iteye_21202">关注</span></span></div><div class="info"><span data-report-click="{&quot;mod&quot;:&quot;popu_709&quot;,&quot;dest&quot;:&quot;https://blog.csdn.net/jeffasd/article/details/77989274?locationNum=10&amp;fps=1&quot;}"><a href="https://blog.csdn.net/iteye_21202" target="_blank"><h5 class="oneline" title="iteye_21202">iteye_21202</h5></a></span>  <p></p><p class="article-num" title="0篇文章"> 0篇文章</p><p class="article-num" title="排名:千里之外"> 排名:千里之外</p><p></p></div></div></div><div class="blog-expert-item"><div class="blog-expert-info-box"><div class="blog-expert-img-box" data-report-click="{&quot;mod&quot;:&quot;popu_709&quot;,&quot;dest&quot;:&quot;https://blog.csdn.net/jeffasd/article/details/77989274?locationNum=10&amp;fps=1&quot;}"><a href="https://blog.csdn.net/caotiao2298" target="_blank"><img src="https://profile.csdnimg.cn/5/F/7/3_caotiao2298" username="caotiao2298" alt="caotiao2298" title="caotiao2298"></a><span data-report-click="{&quot;mod&quot;:&quot;popu_710&quot;,&quot;dest&quot;:&quot;https://blog.csdn.net/jeffasd/article/details/77989274?locationNum=10&amp;fps=1&quot;}"><span class="blog-expert-button-follow btn-red-follow" data-name="caotiao2298" data-nick="caotiao2298">关注</span></span></div><div class="info"><span data-report-click="{&quot;mod&quot;:&quot;popu_709&quot;,&quot;dest&quot;:&quot;https://blog.csdn.net/jeffasd/article/details/77989274?locationNum=10&amp;fps=1&quot;}"><a href="https://blog.csdn.net/caotiao2298" target="_blank"><h5 class="oneline" title="caotiao2298">caotiao2298</h5></a></span>  <p></p><p class="article-num" title="12篇文章"> 12篇文章</p><p class="article-num" title="排名:千里之外"> 排名:千里之外</p><p></p></div></div></div></div>
				</div>
			</div>
		</div>
	</div>

2020年一线城市程序员工资大调查

01-05 阅读数 6万+

人才需求一线城市共发布岗位38115个，招聘120827人。其中beijing 22805guangzhou 25081shanghai 39614shenzhen 3... 博文 来自： juwikuang的专栏

为什么猝死的都是程序员，基本上不见产品经理猝死呢？

01-05 阅读数 7万+

相信大家时不时听到程序员猝死的消息，但是基本上听不到产品经理猝死的消息，这是为什么呢？我们先百度搜一下：程序员猝死，出现将近700多万条搜索结果：搜索一下：产品经理猝死，只有400万条的搜索结果，从搜... 博文 来自： 曹银飞的专栏

害怕面试被问HashMap？这一篇就搞定了！

01-06 阅读数 4万+

声明：本文以jdk1.8为主！搞定HashMap作为一个Java从业者，面试的时候肯定会被问到过HashMap，因为对于HashMap来说，可以说是Java集合中的精髓了，如果你觉得自己对它掌握的还不... 博文 来自： 编码之外的技术博客

<div class="recommend-item-box recommend-recommend-box"><div id="kp_box_61" data-pid="61"><script type="text/javascript">
    (function() {
        var s = "_" + Math.random().toString(36).slice(2);
        document.write('<div style="" id="' + s + '"></div>');
        (window.slotbydup = window.slotbydup || []).push({
            id: "u3501897",
            container: s
        });
    })();

毕业5年，我问遍了身边的大佬，总结了他们的学习方法

02-13 阅读数 11万+

我问了身边10个大佬，总结了他们的学习方法，原来成功都是有迹可循的。 博文 来自： 敖丙

python爬取百部电影数据，我分析出了一个残酷的真相

01-06 阅读数 4万+

2019年就这么匆匆过去了，就在前几天国家电影局发布了2019年中国电影市场数据，数据显示去年总票房为642.66亿元，同比增长5.4%；国产电影总票房411.75亿元，同比增长8.65%，市场占比 ... 博文 来自： Leo的博客

推荐10个堪称神器的学习网站

02-25 阅读数 22万+

每天都会收到很多读者的私信，问我：“二哥，有什么推荐的学习网站吗？最近很浮躁，手头的一些网站都看烦了，想看看二哥这里有什么新鲜货。”今天一早做了个恶梦，梦到被老板辞退了。虽然说在我们公司，只有我辞退老... 博文 来自： 沉默王二

这些软件太强了，Windows必装！尤其程序员！

01-08 阅读数 24万+

Windows可谓是大多数人的生产力工具，集娱乐办公于一体，虽然在程序员这个群体中都说苹果是信仰，但是大部分不都是从Windows过来的，而且现在依然有很多的程序员用Windows。所以，今天我就把我... 博文 来自： 编码之外的技术博客

阿里面试，面试官没想到一个ArrayList，我都能跟他扯半小时

01-08 阅读数 5万+

我是真的没想到，面试官会这样问我ArrayList。 博文 来自： 敖丙

<div class="recommend-item-box recommend-recommend-box"><div id="kp_box_62" data-pid="62"><script type="text/javascript">
    (function() {
        var s = "_" + Math.random().toString(36).slice(2);
        document.write('<div style="" id="' + s + '"></div>');
        (window.slotbydup = window.slotbydup || []).push({
            id: "u3501897",
            container: s
        });
    })();

曾经优秀的人，怎么就突然不优秀了。

01-07 阅读数 5万+

职场上有很多辛酸事，很多合伙人出局的故事，很多技术骨干被裁员的故事。说来模板都类似，曾经是名校毕业，曾经是优秀员工，曾经被领导表扬，曾经业绩突出，然而突然有一天，因为种种原因，被裁员了，...... 博文 来自： caoz的梦呓

大学四年因为知道了这32个网站，我成了别人眼中的大神！

01-08 阅读数 29万+

依稀记得，毕业那天，我们导员发给我毕业证的时候对我说“你可是咱们系的风云人物啊”，哎呀，别提当时多开心啦????，嗯，我们导员是所有导员中最帅的一个，真的????不过，导员说的是实话，很多人都叫我大神... 博文 来自： 编码之外的技术博客

良心推荐，我珍藏的一些Chrome插件

01-10 阅读数 6万+

上次搬家的时候，发了一个朋友圈，附带的照片中不小心暴露了自己的 Chrome 浏览器插件之多，于是就有小伙伴评论说分享一下我觉得还不错的浏览器插件。我下面就把我日常工作和学习中经常用到的一些 Chr... 博文 来自： 不忘初心

看完这篇HTTP，跟面试官扯皮就没问题了

01-10 阅读数 7万+

我是一名程序员，我的主要编程语言是 Java，我更是一名 Web 开发人员，所以我必须要了解 HTTP，所以本篇文章就来带你从 HTTP 入门到进阶，看完让你有一种恍然大悟、醍醐灌顶的感觉。最初在有网... 博文 来自： c旋儿的博客

2020 年，大火的 Python 和 JavaScript 是否会被取而代之？

01-12 阅读数 2万+

Python 和 JavaScript 是目前最火的两大编程语言，但是2020 年，什么编程语言将会取而代之呢？作者 |Richard Kenneth Eng译者 |明明如月，责编 | 郭芮出品 | ... 博文 来自： CSDN资讯

史上最全的IDEA快捷键总结

01-13 阅读数 10万+

现在Idea成了主流开发工具，这篇博客对其使用的快捷键做了总结，希望对大家的开发工作有所帮助。... 博文 来自： 扬帆向海的博客

阿里程序员写了一个新手都写不出的低级bug，被骂惨了。

01-13 阅读数 13万+

这种新手都不会范的错，居然被一个工作好几年的小伙子写出来，差点被当场开除了。... 博文 来自： 敖丙

谁是华为扫地僧？

01-13 阅读数 3万+

是的，华为也有扫地僧！2020年2月11-12日，“养在深闺人不知”的华为2012实验室扫地僧们，将在华为开发者大会2020（Cloud）上，和大家见面。到时，你可以和扫地僧们，吃一个洋...... 博文 来自： CSDN资讯

AI 没让人类失业，搞 AI 的人先失业了

01-14 阅读数 7万+

最近和几个 AI 领域的大佬闲聊根据他们讲的消息和段子改编出下面这个故事如有雷同都是巧合1. 老王创业失败，被限制高消费“这里写我跑路的消息实在太夸张了。”王葱葱哼笑一下，把消息分享给群里。阿杰也看了... 博文 来自： CSDN 官方博客

2020年，冯唐49岁：我给20、30岁IT职场年轻人的建议

02-07 阅读数 9万+

点击“技术领导力”关注∆每天早上8:30推送作者|Mr.K 编辑| Emma来源|技术领导力(ID：jishulingdaoli)前天的推文《冯唐：职场人35岁以后，方法论比经验重要》，收到了不少读者... 博文 来自： 技术领导力

神级宝库！GitHub 标星 1.2w+，Chrome 最天秀的插件都在这里啦！

01-15 阅读数 1万+

作者 | Rocky0429来源 | Python空间大家好，我是 Rocky0429，一个沉迷 Chrome 不能自拔的蒟蒻…作为一个在远古时代用过什么 IE、360、猎豹等浏览器的资深器哥，当我第... 博文 来自： Rocky0429

作为一名大学生，如何在B站上快乐的学习？

01-18 阅读数 5万+

B站是个宝，谁用谁知道????作为一名大学生，你必须掌握的一项能力就是自学能力，很多看起来很牛X的人，你可以了解下，人家私底下一定是花大量的时间自学的，你可能会说，我也想学习啊，可是嘞，该学习啥嘞，不... 博文 来自： 编码之外的技术博客

那些年，我们信了课本里的那些鬼话

01-20 阅读数 2万+

教材永远都是有错误的，从小学到大学，我们不断的学习了很多错误知识。斑羚飞渡在我们学习的很多小学课文里，有很多是错误文章，或者说是假课文。像《斑羚飞渡》：随着镰刀头羊的那声吼叫，整个斑羚群迅速分成两拨，... 博文 来自： hebtu666

张朝阳回应迟到 1 分钟罚 500：资本家就得剥削员工

01-18 阅读数 4272

loonggg读完需要2分钟速读仅需 1 分钟大家我，我是你们的校长。前几天，搜狐的董事局主席兼 CEO 张朝阳和搜狐都上热搜了。原因很简单，就是搜狐出了“考勤新规”。一封搜狐对员工发布...... 博文 来自： 非著名程序员

一个程序在计算机中是如何运行的？超级干货！！！

01-20 阅读数 8万+

强烈声明：本文很干，请自备茶水！????开门见山，咱不说废话！你有没有想过，你写的程序，是如何在计算机中运行的吗？比如我们搞Java的，肯定写过这段代码public class HelloWorld ... 博文 来自： 编码之外的技术博客

【蘑菇街技术部年会】程序员与女神共舞，鼻血再次没止住。（文末内推）

01-20 阅读数 1万+

蘑菇街技术部的年会，别开生面，一样全是美女。 博文 来自： 敖丙

那个在阿里养猪的工程师，5年了……

01-20 阅读数 2万+

简介： 在阿里，走过1825天，没有趴下，依旧斗志满满，被称为“五年陈”。他们会被授予一枚戒指，过程就叫做“授戒仪式”。今天，咱们听听阿里的那些“五年陈”们的故事。下一个五年，猪圈见！我就是那个在养猪... 博文 来自： 阿里技术

为什么程序猿都不愿意去外包？

01-20 阅读数 2万+

分享外包的组织架构，盈利模式，亲身经历，以及根据一些外包朋友的反馈，写了这篇文章 ，希望对正在找工作的老铁有所帮助... 博文 来自： 程序猿学社的博客

Java校招入职华为，半年后我跑路了

01-21 阅读数 13万+

何来我，一个双非本科弟弟，有幸在 19 届的秋招中得到前东家华为（以下简称 hw）的赏识，当时秋招签订就业协议，说是入了某 java bg，之后一系列组织架构调整原因等等让人无法理解的神操作，最终毕业... 博文 来自： JavaEdge

从顶级黑客到上市公司老板

01-20 阅读数 9213

一看标题，很多老读者就知道我在写什么了。今天Ucloud成功上市，季昕华成为我所熟悉的朋友里又双叒叕一个成功上市的案例。我们认识大概是十五年多吧，如果没记错，第一次见面应该是2004年，...... 博文 来自： caoz的梦呓

C语言荣获2019年度最佳编程语言

01-07 阅读数 2116

关注、星标公众号，不错过精彩内容作者：黄工公众号：strongerHuang近日，TIOBE官方发布了2020年1月编程语言排行榜单。我在前面给过一篇文章《2019年11月C语言接近Ja...... 博文 来自： strongerHuang

                <div class="recommend-item-box type_hot_word">
                <div class="content clearfix" style="width: 712px;">
                    <div class="float-left">
                                                                            <span>
                            <a href="https://blog.csdn.net/yilovexing/article/details/80577510" target="_blank">
                            python</a>
                        </span>
                                                    <span>
                            <a href="https://blog.csdn.net/slwbcsdn/article/details/53458352" target="_blank">
                            json</a>
                        </span>
                                                    <span>
                            <a href="https://blog.csdn.net/csdnnews/article/details/83753246" target="_blank">
                            java</a>
                        </span>
                                                    <span>
                            <a href="https://blog.csdn.net/qq_35077512/article/details/88952519" target="_blank">
                            mysql</a>
                        </span>
                                                    <span>
                            <a href="https://blog.csdn.net/pdcfighting/article/details/80297499" target="_blank">
                            pycharm</a>
                        </span>
                                                    <span>
                            <a href="https://blog.csdn.net/sinyu890807/article/details/97142065" target="_blank">
                            android</a>
                        </span>
                                                    <span>
                            <a href="https://blog.csdn.net/gexiaoyizhimei/article/details/100122368" target="_blank">
                            linux</a>
                        </span>
                                                    <span>
                            <a href="https://download.csdn.net/download/xhg_gszs/10978826" target="_blank">
                            json格式</a>
                        </span>
                                                
                                            </div>
                </div>
                </div>
                                <div class="recommend-loading-box">
                <img src="https://csdnimg.cn/release/phoenix/images/feedLoading.gif">
            </div>
            <div class="recommend-end-box">
                <p class="text-center">没有更多推荐了，<a href="https://blog.csdn.net/" class="c-blue c-blue-hover c-blue-focus">返回首页</a></p>
            </div>
        </div>
                        <div class="template-box">
                <span>©️2019 CSDN</span><span class="point"></span>
            <span>皮肤主题: 大白</span>
            <span> 设计师:
                                        CSDN官方博客                                    </span>
            </div>
                </main>