cocos实现拖动窗口继续渲染

最新推荐文章于 2023-03-11 22:08:43 发布
原创 最新推荐文章于 2023-03-11 22:08:43 发布 · 739 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文详细介绍了如何在Cocos2d-x游戏引擎中优化拖动窗口时的渲染流程，通过修改Director类的drawMoveScene方法和窗口过程函数，实现了在拖动窗口时仍能保持游戏画面的连续渲染，解决了游戏开发中常见的拖动窗口导致画面暂停的问题。

cocos虽然定位于移动端的手机游戏引擎，但也有不少公司用它开发PC游戏，由于cocos自身的原因，许多功能并不尽如人意。开发cocos游戏时，都有这样的经历，拖动cocos窗口时，或者点击窗口边框，cocos就会暂停渲染主线程，这个时候主进程阻塞（如同切入后台不渲染一样，切入后台不渲染问题，可以直接更改invalid属性解决）。然而有些游戏，需要拖动的时候，需要继续渲染，完成此需求的代码如下。

首先director中提供主渲染：

void Director::drawMoveScene(int frameNumbers)
{
	//if (bFlag == true)
	//	return;
	bFlag = true;
	if (frameNumbers < 1)
		return;
	LONGLONG interval = 0LL;
	LONG waitMS = 0L;
	static LARGE_INTEGER nLast;
	static LARGE_INTEGER nNow;
	static bool bFirst = true;
	if (bFirst)
	{
		bFirst = false;
		QueryPerformanceCounter(&nLast);
	}
	LARGE_INTEGER freq;
	QueryPerformanceFrequency(&freq);
	double lastPositionX=-999, lastPositionY=-999;
	_openGLView->getCursorPos(&lastPositionX, &lastPositionY);
	while (frameNumbers > 0)
	{
		QueryPerformanceCounter(&nNow);
		interval = nNow.QuadPart - nLast.QuadPart;
		//_openGLView->pollEvents();
		if (interval >= 30000)
		{
			nLast.QuadPart = nNow.QuadPart;
			double curPositionX = -999, curPositionY = -999;
			_openGLView->getCursorPos(&curPositionX, &curPositionY);
			if (curPositionX != lastPositionX || curPositionY != lastPositionY)
			{
				bFlag = false;
				return;
			}
			calculateDeltaTime();
			//tick before glClear: issue #533
			if (!_paused)
			{
				_eventDispatcher->dispatchEvent(_eventBeforeUpdate);
				_scheduler->update(_deltaTime);
				_eventDispatcher->dispatchEvent(_eventAfterUpdate);
			}

			_renderer->clear();
			experimental::FrameBuffer::clearAllFBOs();
			/* to avoid flickr, nextScene MUST be here: after tick and before draw.
			* FIXME: Which bug is this one. It seems that it can't be reproduced with v0.9
			*/
			if (_nextScene)
			{
				setNextScene();
			}

			pushMatrix(MATRIX_STACK_TYPE::MATRIX_STACK_MODELVIEW);

			if (_runningScene)
			{
#if (CC_USE_PHYSICS || (CC_USE_3D_PHYSICS && CC_ENABLE_BULLET_INTEGRATION) || CC_USE_NAVMESH)
				_runningScene->stepPhysicsAndNavigation(_deltaTime);
#endif
				//clear draw stats
				_renderer->clearDrawStats();

				//render the scene
				_openGLView->renderScene(_runningScene, _renderer);

				_eventDispatcher->dispatchEvent(_eventAfterVisit);

			}

			// draw the notifications node
			if (_notificationNode)
			{
				_notificationNode->visit(_renderer, Mat4::IDENTITY, 0);
			}

			if (_displayStats)
			{
				showStats();
			}
			else
			{
				static float prevDeltaTime = 0.016f; // 60FPS
				static const float FPS_FILTER = 0.10f;
				float dt = _deltaTime * FPS_FILTER + (1 - FPS_FILTER) * prevDeltaTime;
				prevDeltaTime = dt;
				_frameRate = 1 / dt;
			}
			_renderer->render();

			_eventDispatcher->dispatchEvent(_eventAfterDraw);

			popMatrix(MATRIX_STACK_TYPE::MATRIX_STACK_MODELVIEW);

			_totalFrames++;

			// swap buffers
			if (_openGLView)
			{
				_openGLView->swapBuffers();
			}

			if (_displayStats)
			{
				calculateMPF();
			}
			frameNumbers -= 1;
			
		}
		else{
			waitMS = (30000 - interval) * 1000LL / freq.QuadPart - 1L;
			if (waitMS > 1L)
				Sleep(waitMS);

		}
		bFlag = false;
	//	_openGLView->pollEvents();
		
	}

	
}

然后，debug模式下更改SimulatorWindow函数：

LRESULT CALLBACK SNewWndProc(HWND hWnd, UINT message, WPARAM wParam, LPARAM lParam)
{
    int wmId, wmEvent;
    switch (message)
    {
	case WM_MOVING:
		Director::getInstance()->drawMoveScene(100000);
		break;
	case WM_NCLBUTTONDOWN:
		Director::getInstance()->drawMoveScene(100000);
		break;
   
   }
  return g_oldProc(hWnd, message, wParam, lParam);
}

release模式，在AppDelegate下修改：

/*@brief new windows process*/
LRESULT CALLBACK WndProc(HWND hWnd, UINT message, WPARAM wParam, LPARAM lParam)
{
	int wmId, wmEvent;
	switch (message)
	{
	case WM_MOVING:
		Director::getInstance()->drawMoveScene(100000);
		break;
	case WM_NCLBUTTONDOWN:
		Director::getInstance()->drawMoveScene(100000);
		break;

	}
	return g_Proc(hWnd, message, wParam, lParam);

}

bool AppDelegate::applicationDidFinishLaunching()
{
	    // initialize director
    auto director = Director::getInstance();
    auto glview = director->getOpenGLView();
	
#if (LUA_SUPPORT && COCOS2D_DEBUG > 0 && CC_CODE_IDE_DEBUG_SUPPORT > 0)
	// NOTE:Please don't remove this call if you want to debug with Cocos Code IDE
	initRuntime();
	
	// turn on display FPS
    director->setDisplayStats(true);
#endif

    // set FPS. the default value is 1.0/60 if you don't call this
    director->setAnimationInterval(1.0 / 60);

	if (!glview) {
		Size viewSize = ConfigParser::getInstance()->getInitViewSize();
		//string title = ConfigParser::getInstance()->getInitViewName();
		string title = StringUtils::UTF8Str("无线棋牌Demo");
#if (CC_TARGET_PLATFORM == CC_PLATFORM_WIN32 || CC_TARGET_PLATFORM == CC_PLATFORM_MAC) && (COCOS2D_DEBUG > 0 && CC_CODE_IDE_DEBUG_SUPPORT > 0)
			extern void createSimulator(const char* viewName, float width, float height, bool isLandscape = true, float frameZoomFactor = 1.0f);
		bool isLanscape = ConfigParser::getInstance()->isLanscape();
		createSimulator(title.c_str(), viewSize.width, viewSize.height, isLanscape);

		director->getOpenGLView()->setFrameSize(ConfigParser::getInstance()->getInitViewSize().width, ConfigParser::getInstance()->getInitViewSize().height);
	
#else
	auto glView = cocos2d::GLViewImpl::createWithRect(title.c_str(), Rect(0, 0, viewSize.width, viewSize.height));
		auto director = Director::getInstance();
		director->setOpenGLView(glView);
		HWND hWnd = glView->getWin32Window();
		g_Proc = (WNDPROC)SetWindowLong(hWnd, GWL_WNDPROC, (LONG)WndProc);
		if (g_Proc == 0)
		{
			printf("SetWindowLong NewWndProc Error:%d\n", GetLastError());
		}	
	
#endif
	}

后续：有提出，当点击最小化，不放移动后，依旧渲染，接着修改如下：

void Director::drawMoveScene(int frameNumbers)
{
	bFlag = true;
	if (frameNumbers < 1)
		return;
	LONGLONG interval = 0LL;
	LONG waitMS = 0L;
	static LARGE_INTEGER nLast;
	static LARGE_INTEGER nNow;
	static bool bFirst = true;
	if (bFirst)
	{
		bFirst = false;
		QueryPerformanceCounter(&nLast);
	}
	LARGE_INTEGER freq;
	QueryPerformanceFrequency(&freq);
	double lastPositionX=-999, lastPositionY=-999;
	_openGLView->getCursorPos(&lastPositionX, &lastPositionY);
	auto frameSize = _openGLView->getFrameSize();
	bool bClose = false;
	int det = (_openGLView->getChangeScreen()?10:0)+105;
	int fullscreenWidth, fullscreenHeight;
	Device::getWidthAndHeight(fullscreenWidth, fullscreenHeight);
	int bottomY=-8;
	if (frameSize.width == fullscreenWidth)
	{
		bottomY += 6;
		det = 114;
	}	
	if ((frameSize.width - det < lastPositionX &&lastPositionX <= frameSize.width) && (-31 < lastPositionY&&lastPositionY < bottomY))
		bClose = true;

	while (frameNumbers > 0)
	{
		QueryPerformanceCounter(&nNow);
		interval = nNow.QuadPart - nLast.QuadPart;
		if (interval >= 30000)
		{
			nLast.QuadPart = nNow.QuadPart;
			double curPositionX = -999, curPositionY = -999;
			_openGLView->getCursorPos(&curPositionX, &curPositionY);
			auto frameSize = _openGLView->getFrameSize();
			auto state = GetAsyncKeyState(VK_LBUTTON);
			if (!state)
			{
				bFlag = false;
				return;
			}
			if ((curPositionX != lastPositionX || curPositionY != lastPositionY)&&(!bClose))
			{
					
				bFlag = false;
				return;
			}
			calculateDeltaTime();
			//tick before glClear: issue #533
			if (!_paused)
			{
				_eventDispatcher->dispatchEvent(_eventBeforeUpdate);
				_scheduler->update(_deltaTime);
				_eventDispatcher->dispatchEvent(_eventAfterUpdate);
			}

			_renderer->clear();
			experimental::FrameBuffer::clearAllFBOs();
			/* to avoid flickr, nextScene MUST be here: after tick and before draw.
			* FIXME: Which bug is this one. It seems that it can't be reproduced with v0.9
			*/
			if (_nextScene)
			{
				setNextScene();
			}

			pushMatrix(MATRIX_STACK_TYPE::MATRIX_STACK_MODELVIEW);

			if (_runningScene)
			{
#if (CC_USE_PHYSICS || (CC_USE_3D_PHYSICS && CC_ENABLE_BULLET_INTEGRATION) || CC_USE_NAVMESH)
				_runningScene->stepPhysicsAndNavigation(_deltaTime);
#endif
				//clear draw stats
				_renderer->clearDrawStats();

				//render the scene
				_openGLView->renderScene(_runningScene, _renderer);

				_eventDispatcher->dispatchEvent(_eventAfterVisit);

			}

			// draw the notifications node
			if (_notificationNode)
			{
				_notificationNode->visit(_renderer, Mat4::IDENTITY, 0);
			}

			if (_displayStats)
			{
				showStats();
			}
			else
			{
				static float prevDeltaTime = 0.016f; // 60FPS
				static const float FPS_FILTER = 0.10f;
				float dt = _deltaTime * FPS_FILTER + (1 - FPS_FILTER) * prevDeltaTime;
				prevDeltaTime = dt;
				_frameRate = 1 / dt;
			}
			_renderer->render();

			_eventDispatcher->dispatchEvent(_eventAfterDraw);

			popMatrix(MATRIX_STACK_TYPE::MATRIX_STACK_MODELVIEW);

			_totalFrames++;

			// swap buffers
			if (_openGLView)
			{
				_openGLView->swapBuffers();
			}

			if (_displayStats)
			{
				calculateMPF();
			}
			frameNumbers -= 1;
			
		}
		else{
			waitMS = (30000 - interval) * 1000LL / freq.QuadPart - 1L;
			if (waitMS > 1L)
				Sleep(waitMS);

		}
		bFlag = false;
	//	_openGLView->pollEvents();
		
	}

	
}

 

CocosCreator客户端优化系列（二）：渲染优化
BigBear的博客
12-28 1万+
CocosCreator客户端优化系列（二）：渲染优化 渲染方面优化主要集中在如何降低draw call上，draw call越多，渲染的压力也就越大，对应的帧率可能就会下降，正常情况下如果draw call超过100就有可能带来卡顿，所以要注意这方面的优化 自动图集批处理 这方面相关的官方文档比较少，可以参考：BMFont 与 UI 合图自动批处理，但需要注意，这个文档比较旧了，现在新版本的情况...
Cocos2d，一个能实现梦想的 Python 库
最新发布
小鸿的博客
05-05 2075
一个简单的库，也许能够开启我们的智慧之门， 一个普通的方法，也许能在危急时刻挽救我们于水深火热， 一个新颖的思维方式，也许能激发我们无尽的创造力， 一个独特的技巧，也许能成为我们的隐形盾牌…… 神奇的 Python 库之旅，第 1 章
COCOS2D-X 实现触屏拖动和惯性运动
01-08
用cocos2d-x实现的触屏拖动程序，包括手指滑动后松开的惯性运动，可以直接，cocos2d-x开发，C++写的
Quick-cocos2dx可拖动面板的实现方式
ellis1970的博客
08-22 771
有的手游项目(比如传奇)有DIY界面的特色(面板可拖动，面板和技能快捷键可以自定义是否放在主界面上)，本文意在介绍其在Quick-cocos2dx的实现方式. 案例需求：主界面上加2个按钮，按钮打开对应的面板，面板初始位置在屏幕中央，后打开的面板放在上方，当面板已经打开时点快捷按钮关闭面板。面板可拖动，被点击的面板置于所有已打开面板的上方。 效果图： 主界面文件： --主界面文件：M...
Cocos Creator 渲染 (render-flow)
yzq628的博客
07-28 968
- render-flow用来遍历节点，组织渲染数据
cocos creator 2.4.0 渲染流程详解
静儿的博客
08-31 1286
这个作者分析的很细：https://www.jianshu.com/u/01450ce9ecbf 鼓掌鼓掌。
cocos-creator使用记录7_前后台切换
haibo19981的专栏
05-24 3385
1.cocos creator前后台切换当玩家在玩游戏时，突然接了一个电话，此时游戏会被切到后台待机，所有的声音播放都会停止，等打完电话，回到游戏，游戏又会被切回前台来，需要手动播放声音。可使用如下代码onLoad: function () { cc.game.on(cc.game.EVENT_HIDE, function(){ console.log("游戏进入后台"); this.doSo...
cocos2dx 嵌入QT窗口，实现跨平台的 cocos2dx编辑器.zip
03-09
3. **嵌入Cocos2dx视图**：将Cocos2dx的渲染视图作为QT窗口的一个子部件（QGraphicsView或者QWidget的子类）。这样，Cocos2dx的游戏画面就可以在QT窗口内显示。 4. **事件处理**：实现QT事件和Cocos2dx事件之间的...
QT使用WINAPI实现支持图标、缩放、拖拽、阴影、最大最小化、AERO风格无边框窗口
08-05
为了解决这个问题，我们可以使用WINAPI中的消息处理机制，如`WM_NCHITTEST`消息来实现拖动，以及`WM_SIZE`消息来实现窗口大小的改变。 对于图标显示，QT提供了`QIcon`类，可以在窗口标题栏和系统托盘中设置图标。在...
Cocos Creator高效背景差速移动实现技巧
为了解决背景移动时出现的卡顿问题，可以使用Cocos Creator中的摄像机组件来实现背景的差速移动。摄像机组件可以对它观察的游戏节点进行平滑移动，而不受帧率的影响。 具体实现步骤如下： - 创建一个摄像机组件，...
cocos creator后台运行问题
baidu_37132424的博客
05-22 3804
cc.eventManager.addCustomListener(cc.game.EVENT_HIDE, function(){        cc.log("游戏进入后台");});cc.eventManager.addCustomListener(cc.game.EVENT_SHOW, function(){        cc.log("重新返回游戏");});...
CocosCreater 监听程序到后台和重新到前台
weixin_41316824的博客
12-17 1083
cc.Class({ extends: cc.Component, onLoad () { this.addListener(); }, addListener() { if(CC_WECHATGAME) { wx.onShow(this.onGameHide.bind(this))...
cocos creator 退出游戏、暂停游戏小总结
热门推荐
qq_40886920的博客
05-16 1万+
原生平台退出游戏方法： cc.director.end(); 用此方法游戏会卡住 cc.game.end(); 彻底退出游戏 暂停游戏方法： cc.director.pause() 只会停止游戏逻辑执行，不会停止渲染和UI响应。 如果想彻底暂停游戏，包括渲染、音频和事件，请使用:Game.pause。 cc.director.isPaused() 返回值为布尔类型，可用于判断。 ...
王朝游戏源码服务端与客户端搭建(基于nodejs与cocoscreator)
03-11 1643
保存后,记得打开服务器相关端口: 13009 ,12009,11109,11209,11309,11409,11509。禁用防火墙 systemctl disable firewalld。启动: ./redis-server ../redis.conf。启用防火墙 systemctl enable firewalld。启用防火墙 systemctl start firewalld。下载并解压mongodb,redis,nodejs。5.配置并启动mongodb数据库。7.修改服务器配置文件并启动服务器。
cocos creator后台切入切出
唯一的信仰
05-16 5327
cocos对于后台切入切出事件的捕捉和处理很方便。　　cc.eventManager添加监听事件就ok了cc.eventManager.addCustomListener(cc.game.EVENT_HIDE, function(){ }); cc.eventManager.addCustomListener(cc.game.EVENT_SHOW, function(){ ...
cocos2dx 游戏切到后台再进入游戏的处理
iamlegendary的博客
02-06 8736
由于cocos引擎中，游戏切入后台后定时器后停掉以及停止渲染的问题会让某个Animation动作停止。 导致当重新进入游戏时，看到的不是你想要的画面。或者定时器倒计时的时间对不上等问题。 cc.game.EVENT_HIDE 和 cc.game.EVENT_SHOW可以解决这个问题，前者是进入后台的监听，后者是 返回游戏的监听。回调的事件可以自定义，这里只做简单的举例：var pauseTim
cocoscreator简单搭建webserver服务
springleaf2的专栏
02-21 3320
cocoscreator简单搭建webserver服务
CocosCreator 渲染
m0_37609239的博客
03-06 9314
CocosCreator 渲染简述
cocos creator 滑动屏幕 移动控件
qq_30121869的博客
01-25 1638
屏幕坐标转为世界坐标 注意这里用的节点 相机
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值