游戏引擎—伪阴影在Cocos2dx中的实现.doc
文本预览下载声明
cocos引擎—伪阴影在Cocos2d-x中的实现
本文检索关键词:游戏引擎,游戏开发引擎,cocos引擎html5游戏开发
概要:这篇教程里,我们会简单的介绍一下两种基本的伪阴影的概念,以及在Cocos2d-x中的实现方法。
何谓伪阴影:
在游戏过程中,我们通常会是用阴影来增强视觉效果的真实度,在这里,我们讨论伪阴影的计算方法,所谓的伪阴影,是指根据指定的空间位置的模型生成一个简单的阴影,这个阴影的形状——或者说轮廓与被生成阴影的模型的真实样子并无映射关系。这种影子虽然看起来简单,但是在某些场合也会非常的有用,比方说在一个光源在比较远和比较高的角度,光线比较充足的场景里。比方说,在艳阳高照的足球场上,球员脚底的阴影就是一团模糊不清的圆环状,伪阴影与模型无关,有实现简单,计算效率高等,所以在一些开阔明亮的场景里通常会使用。
通过距离计算的方式:
我们先说一种非常简单的方式。首先,我们获取到玩家角色的位置,然后将制定的地面的每一像素点的位置与玩家角色位置的距离作比较,当小于一个制定的范围的阈值的时候,就将该点涂黑。
实现
现在我们来描述一下如何具体的实现这个方式,首先我们读入一个地面,并自定义自己的shader,并将这个地面的所有顶点的属性属性,存入这个shader的state中:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18 auto?plane?=?Sprite3D::create(plane.c3b);
plane-setRotation3D(Vec3(90,0,0));
auto?shader?=GLProgram::createWithFilenames(simple_shadow.vert,simple_shadow.frag);
auto?state?=?GLProgramState::create(shader);
plane-setGLProgramState(state);
//pass?meshs?attribute?to?shader
long?offset?=?0;?
auto?attributeCount?=?plane-getMesh()-getMeshVertexAttribCount();
for?(auto?i?=?0;?i??attributeCount;?i++)?{
????????auto?meshattribute?=?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:
1 plane-getGLProgramState()-setUniformVec3(u_target_pos,orc-getPosition3D());
目前我们无法获得平面在世界坐标系下的位置,我们将地面的模型变换的矩阵传入shader内
1 state-setUniformMat4(u_model_matrix,plane-getNodeToWorldTransform());
这样前期的准备工作就已经做好了,接下来,我们来看一下shader内部是如何处理的,首先我们看一看顶点着色器部分:
1
2
3
4
5
6
7
8
9
10
11
12 attribute?vec4?a_position;
attribute?vec2?a_texCoord;
uniform?mat4?u_model_matrix;
varying?vec2?TextureCoordOut;
varying?vec4?v_position;
void?main(void)
{
????gl_Position?=??CC_PMatrix??*?CC_MVMatrix?*?a_position;
????TextureCoordOut?=?a_texCoord;
????TextureCoordOut.y?=?(1.0?-?TextureCoordOut.y);
v_position?=?u_model_matr
显示全部