cocos引擎—伪阴影在Cocos2d-x中的实现本文检索关键词：游戏引擎，游戏开发引擎，cocos引擎html5游戏开发概要：这篇教程里，我们会简单的介绍一下两种基本的伪阴影的概念，以及在Cocos2d-x中的实现方法。何谓伪阴影：在游戏过程中，我们通常会是用阴影来增强视觉效果的真实度，在这里，我们讨论伪阴影的计算方法，所谓的伪阴影，是指根据指定的空间位置的模型生成一个简单的阴影，这个阴影的形状——或者说轮廓与被生成阴影的模型的真实样子并无映射关系。这种影子虽然看起来简单，但是在某些场合也会非常的有用，比方说在一个光源在比较远和比较高的角度，光线比较充足的场景里。比方说，在艳阳高照的足球场上，球员脚底的阴影就是一团模糊不清的圆环状，伪阴影与模型无关，有实现简单，计算效率高等，所以在一些开阔明亮的场景里通常会使用。通过距离计算的方式：我们先说一种非常简单的方式。首先，我们获取到玩家角色的位置，然后将制定的地面的每一像素点的位置与玩家角色位置的距离作比较，当小于一个制定的范围的阈值的时候，就将该点涂黑。实现现在我们来描述一下如何具体的实现这个方式，首先我们读入一个地面，并自定义自己的shader，并将这个地面的所有顶点的属性属性，存入这个shader的state中：12345autoplane=Sprite3D::create("plane.c3b");plane->setRotation3D(Vec3(90,0,0));autoshader=GLProgram::createWithFilenames("simple_shadovert","simple_shadofrag");autostate=GLProgramState::create(shader);plane->setGLProgramState(state);6789101112131415161718//passmesh'sattributetoshaderlongoffset=0;autoattributeCount=plane->getMesh()->getMeshVertexAttribCount();for(autoi=0;i<attributeCount;i++){automeshattribute=plane->getMesh()->getMeshVertexAttribute(i);state->setVertexAttribPointer(s_attributeNames[meshattribute.vertexAttrib],meshattribute.size,meshattribute.type,GL_FALSE,plane->getMesh()->getVertexSizeInBytes(),(GLvoid*)offset);offset+=meshattribute.attribSizeBytes;}接着我们要将角色的坐标传入这个shader：1plane->getGLProgramState()->setUniformVec3("u_target_pos",orc->getPosition3D());目前我们无法获得平面在世界坐标系下的位置，我们将地面的模型变换的矩阵传入shader内1state->setUniformMat4("u_model_matrix",plane->getNodeToWorldTransform());这样前期的准备工作就已经做好了，接下来，我们来看一下shader内部是如何处理的，首先我们看一看顶点着色器部分：12345678910attributevec4a_position;attributevec2a_texCoord;uniformmat4u_model_matrix;varyingvec2TextureCoordOut;varyingvec4v_position;voidmain(void){gl_Position=CC_PMatrix*CC_MVMatrix*a_position;TextureCoordOut=a_texCoord;TextureCoordOut.y=(1.0-TextureCoordOut.y);1112v_position=u_model_matrix*a_position;}请注意加粗的部分，u_model_matrix，就是我们之前传入的模型变换的矩阵，v_position是我们自己定义的一个易变变量，我们用平面的顶点的局部坐标的位置与u_model_matrix相乘，得出平面的世界坐标，并将其插值，传给片段着色器阶段，使其能够获得平面上每个像素点的世界坐标。现在我们来看看像素着色器部分：1234567891011121314151617181920#ifdefGL_ESvaryingmediumpvec2TextureCoordOut;varyingmediumpvec4v_position;#elsevaryingvec2TextureCoordOut;varyingvec4v_position;#endifuniformvec3u_target_pos;#defineRANGE1.5voidmain(void){floatdist=distance(v_position.xz,u_target_pos.xz);if(dist<RANGE){gl_FragColor=vec4(0,0,0,1);}else{gl_FragColor=texture2D(CC_Texture0,TextureCoordOut);}}像素着色器里的原理很简单，首先我们将从顶点着色器插值而来的平面的世界坐标的位置与角色的世界坐标的位置计算一个距离，然后设置一个阈值RANGE,若所得的距离小于这个RANGE，则将该片段涂黑，否则保持其纹理的颜色。最后显示的结果如下：简单改进：这个效果看起来并不好，因为在现实生活中，影子的边缘通...