首页 > 代码库 > Bullet3之增加调试绘制PhysicsDraw3D

Bullet3之增加调试绘制PhysicsDraw3D

由于刚开始学的时候不知道Bullet的单位1.0代表多大,所以制作出的模型的大小也无法判断。

不用担心,Bullet提供了一个类btIDebugDraw,这个泪已经实现了很多绘制功能,我们要做的就是实现几个虚函数。

我们继承btIDebugDraw,实现虚函数

class PhysicsDraw3D : public btIDebugDraw
{
public:
	void drawLine(const btVector3& from,const btVector3& to,const btVector3& color);
	void drawContactPoint(const btVector3& PointOnB,const btVector3& normalOnB,
          btScalar distance,int lifeTime,const btVector3& color);
	void reportErrorWarning(const char* warningString);
	void draw3dText(const btVector3& location,const char* textString);
	void setDebugMode(int debugMode);
	int getDebugMode() const;
// ...................
private:
	int _debugDrawMode;
// ...................
};

目前只需要drawLine,等以后涉及到其他方面时再来实现其他的绘制功能

drawContactPoint, draw3dText 什么也不做。

_debugDrawMode 一定要定义,因为btIDebugDraw在绘制时会检查需要绘制什么。

实现绘制模式

void PhysicsDraw3D::setDebugMode(int debugMode)
{
	_debugDrawMode = debugMode;
}

int PhysicsDraw3D::getDebugMode() const
{
	return _debugDrawMode;
}

下面重点说一下drawLine,我们知道cocos2dx 的DrawNode 提供的都是绘制2d图元的功能,

而且修改起来也比较复杂,本着一切从简,主要是为了学习Bullet,所以我们就去copy一下

DrawPrimitives绘制Line的方法

同样DrawPrimitives::drawLine也是一个绘制2d Line的方法,那么就应该把它修改成可以绘制3D Line的方法,先观察这个drawLine的实现


void drawLine(const Vec2& origin, const Vec2& destination)
{
	lazy_init();			

	Vec2 vertices[2] = {
		Vec2(origin.x, origin.y),
		Vec2(destination.x, destination.y)
	};

	_color.r = color.x();
	_color.g = color.y();
	_color.b = color.z();

	s_shader->use();
	s_shader->setUniformsForBuiltins();
	s_shader->setUniformLocationWith4fv(s_colorLocation, (GLfloat*) &s_color.r, 1);

	GL::enableVertexAttribs( GL::VERTEX_ATTRIB_FLAG_POSITION );
#ifdef EMSCRIPTEN
	setGLBufferData(vertices, 16);
	glVertexAttribPointer(GLProgram::VERTEX_ATTRIB_POSITION, 2, GL_FLOAT, GL_FALSE, 0, 0);
#else
	glVertexAttribPointer(GLProgram::VERTEX_ATTRIB_POSITION, 2, GL_FLOAT, GL_FALSE, 0, vertices);
#endif // EMSCRIPTEN
	glDrawArrays(GL_LINES, 0, 2);

	CC_INCREMENT_GL_DRAWN_BATCHES_AND_VERTICES(1,2);
}

首先初始化一些数据(待会看), 

1.vertices 就是存放的2d line的起点终点,如果绘制3d line 自然要改成Vec3

s_shader 使用shader这个shader是cocos2dx 启动时预载入的

2.EMSCRIPTEN 看这 http://www.cocos2d-x.org/wiki/Emscripten_usage

Cocos2D-X’s Emscripten support allows games written in C*+ to be compiled to JavaScript and deployed directly to the web......

既然是js要用的暂且忽略

3.重点的重点来了 http://www.baike.com/wiki/glVertexAttribPointer

glVertexAttribPointer(GLProgram::VERTEX_ATTRIB_POSITION, 2, GL_FLOAT, 

GL_FALSE, 0, vertices);

其中的2就是便是一个顶点的坐标数量,2d 自然是2, 3d的就是3了

注意:在glVertexAttribPointer 之前一定要开启深度测试

glEnable(GL_DEPTH_TEST);绘制完成后要关闭深度检测glDisable(GL_DEPTH_TEST);

如果不开启深度测试看看这个效果你就明白了

技术分享

可以看到阿狸的手被遮挡了,因为不开启深度测试gl就不会根据深度来显示,而是后绘制的会覆盖先绘制的

开启后

技术分享

4.对这个划线方法修改以后

void PhysicsDraw3D::drawLine(const btVector3& from,const btVector3& to,const btVector3& color)
{
	Vec3 vertices[2] = {
		Vec3(from.x(), from.y(), from.z()),
		Vec3(to.x(), to.y(), to.z())
	};

	_shader->use();
	_shader->setUniformsForBuiltins();
	_shader->setUniformLocationWith4fv(_colorLocation, (GLfloat*) &_color.r, 1);

	glEnable(GL_DEPTH_TEST);

	GL::enableVertexAttribs( GL::VERTEX_ATTRIB_FLAG_POSITION );
	glVertexAttribPointer(GLProgram::VERTEX_ATTRIB_POSITION, 3, GL_FLOAT, GL_FALSE, 0, vertices);
	glDrawArrays(GL_LINES, 0, 2);

glDisable(GL_DEPTH_TEST);
	CC_INCREMENT_GL_DRAWN_BATCHES_AND_VERTICES(1,2);
}

再来看看lazy_init

   //
        // Position and 1 color passed as a uniform (to simulate glColor4ub )
        //
        s_shader = GLProgramCache::getInstance()->getGLProgram(GLProgram::SHADER_NAME_POSITION_U_COLOR);
        s_shader->retain();
        
        s_colorLocation = s_shader->getUniformLocation("u_color");
        CHECK_GL_ERROR_DEBUG();
        s_pointSizeLocation = s_shader->getUniformLocation("u_pointSize");
        CHECK_GL_ERROR_DEBUG();

        s_initialized = true;

其实就是获取shader

s_colorLocation     color属性,可以对制定绘制时的颜色

s_pointSizeLocation    point size 属性   可以制定绘制点的大小 

那么添加到PhysicsDraw3D, 就如下

bool PhysicsDraw3D::initDraw()
{
	_shader = GLProgramCache::getInstance()->getGLProgram(GLProgram::SHADER_NAME_POSITION_U_COLOR);
	if (_shader == nullptr)
	{
		return false;
	}
	_shader->retain();

	_colorLocation = _shader->getUniformLocation("u_color");
	CHECK_GL_ERROR_DEBUG();
	_pointSizeLocation = _shader->getUniformLocation("u_pointSize");
	CHECK_GL_ERROR_DEBUG();

	_debugDrawMode = btIDebugDraw::DBG_MAX_DEBUG_DRAW_MODE; // 绘制全部调试信息
	return true;
}

方便起见,为PhysicsDraw3D 添加构建方法

PhysicsDraw3D* PhysicsDraw3D::create()
{
	auto draw = new PhysicsDraw3D;
	if (draw && draw->initDraw())
	{
		return draw;
	}

	return nullptr;
}

销毁方法

void PhysicsDraw3D::destroy()
{
	CC_SAFE_RELEASE_NULL(_shader);
	delete this;
}

将PhysicsDraw3D整合到PhysicsWorld3D

为PhysicsWorld3D添加私有变量

PhysicsDraw3D* _debugDraw;

并在initWorld 最后添加

_debugDraw = PhysicsDraw3D::create();
_world->setDebugDrawer(_debugDraw);

在destroy 前添加

_debugDraw->destroy();
_debugDraw = nullptr;

完整代码见文章最后

测试这个PhysicsDraw3D

在HelloWorld重载

void HelloWorld::draw(Renderer *renderer, const Mat4 &transform, uint32_t flags)
{
	_world->debugDraw();
	Layer::draw(renderer, transform, flags);
}

按F5编译通过后可以看到Plane为一个坐标,box有包围盒和法向量

技术分享

后续

box提供一个冲量box会在原来的基础上增加一定的速度,

这个速度就是impulse / mass, 看一下applyCentralImpulse的实现就明白了

_box->applyCentralImpulse(btVector3(0, 0, -10));

增加touch listener

bool HelloWorld::initListener()
{
	_touchListener = EventListenerTouchOneByOne::create();
	if (_touchListener == nullptr)
	{
		return false;
	}
	_touchListener->onTouchBegan = CC_CALLBACK_2(HelloWorld::onTouchBegan, this);
	_touchListener->onTouchMoved = CC_CALLBACK_2(HelloWorld::onTouchMoved, this);
	_touchListener->onTouchEnded = CC_CALLBACK_2(HelloWorld::onTouchEnded, this);

	Director::getInstance()->getEventDispatcher()->addEventListenerWithSceneGraphPriority(_touchListener, this);

	return true;
}

触摸时提供冲量

bool HelloWorld::onTouchBegan(Touch *touch, Event *unused_event)
{
	_box->setActivationState(ACTIVE_TAG);
	_box->applyCentralImpulse(btVector3(0, 0, -10));
	return true;
}

Box跑远了

技术分享

完整源码


Bullet3之增加调试绘制PhysicsDraw3D