2D游戏需要做编辑器，而编辑器总是希望可以复用游戏中的逻辑来运行场景试看效果。
对于cocos2dx开发的程序，这个需求可以描述为：
实现一种方法，在桌面窗口程序中的某个控件上显示cocos2dx的场景，而其他部分保持该操作系统原生ui的功能。
初级版v1.0
这里以windows桌面程序为例，描述如何实现这一点，cocos2dx版本为2.2.5
代码用qt实现，但是没有用到太多qt的东西，windows api通用。
1 创建工程。这里我们依然使用cocos2dx提供的工程生成器创建工程，以得到完美的cocos2dx+box2d的环境。
2 将qt环境引入工程。将qt的include目录和lib目录加到项目设置中的c++目录中，然后加上qt的对应lib。
3 在某个widget上显示qt场景。
这一段比较关键，首先我们的代码应该以qt为主框架，因此删除main函数中CCEGLView初始化部分
//eglView->setViewName("test");
//eglView->setFrameSize(480, 320);
注意必须保留appdelegate，因为cocos2dx运行需要有这个。
接着创建qapp：
QApplication qapp(count, NULL);
在最后，我们在main函数调用
CCApplication::sharedApplication()->run();
而不是调用qt的主循环，因为这个run里还要执行一些cocos2dx的初始化方法。而qt主循环不调用则不影响。
然后我们得修改cocos2dx源代码了，首先修改CCEGLView，增加一个方法CreateByHWND，里面基本复制Create，唯独创建窗口一块删除，直接用参数提供的hWND赋值。
然后增加一个静态方法sharedOpenGLViewCreateByHWND，里面基本复制sharedOpenGLView，只是不调用create，调用我们刚才写的CreateByHWND。
接着就可以开始我们的外部调用了。
首先获得目标widget的winId，这个过程将widget转化成了native。然后将获得的winId（其实就是hWnd）传入 sharedOpenGLViewCreateByHWND，创建出Cocosdx的绘图表面EGLView。
为了得到连续的刷新，定义一个定时器，每次时间触发代码：
CCDirector::sharedDirector()->drawScene();
遇到的问题：
1 显示一个大黑框，这是因为没有设置frameSize，在定位的时候，getVisibleSize全部返回了0,0。这里我们需要在创建完EGLView之后调用一句：
eglView->setFrameSize(w->size().width(), w->size().height());
把widget的size设上去。
2 游戏画面不占全部widget，有偏移。这是因为setFrameSize调用了centerWindow，centerWindow会根据屏幕来定位到中间，对此我们需要把centerwindow注释不执行。
4 实现事件传向cocos2Dx
由于我们自己创建了窗体，因此没有使用cocos2dx的WndProc，解决方案是在CCApplication的主循环中处理消息的部分加上：
TranslateMessage(&msg);
DispatchMessage(&msg);
CCEGLView::sharedOpenGLView()->WindowProc(msg.message, msg.wParam, msg.lParam); //加上此句
进化版version 2.0
之前的版本 对cocos2dx改动太大，不好集成。hack代码的行为，还是越少越好吧，又想出了一个新改法，尽量减少对cocos2dx代码的修改：
1 写一个新的继承自CCEGLView的类，名为CCEGLViewForHWND。
头文件如下：
#pragma once
#include "CCEGLView.h"
namespace cocos2d
{
class CCEGLViewForHWND : public CCEGLView
{
public:
CCEGLViewForHWND(HWND);
~CCEGLViewForHWND();
void centerWindow();
void setCurrent();
static LRESULT HWNDProc(HWND hWnd, UINT msg, WPARAM wParam, LPARAM lParam);
protected:
bool CreateWithHWND(HWND hWnd);
WNDPROC wndProc;
static CCEGLViewForHWND* s_current;
};
}
源文件如下：
#include "CEGLViewForHWND.h"
#include "CCDirector.h"
namespace cocos2d
{ CCEGLViewForHWND* CCEGLViewForHWND::s_current = NULL;
CCEGLViewForHWND::CCEGLViewForHWND(HWND hWnd)
{
CreateWithHWND(hWnd);
} LRESULT CCEGLViewForHWND::HWNDProc(HWND hWnd, UINT msg, WPARAM wParam, LPARAM lParam)
{
CCEGLViewForHWND* This = (CCEGLViewForHWND*)GetWindowLong(hWnd, GWL_USERDATA);
if (This != NULL && This == s_current)
{
LRESULT res = CCEGLView::sharedOpenGLView()->WindowProc(msg, wParam, lParam);
if (msg == WM_DESTROY)
{
CCDirector::sharedDirector()->end();
}
if (This->wndProc)
{
return This->wndProc(hWnd, msg, wParam, lParam);
}
else
{
return DefWindowProc(hWnd, msg, wParam, lParam);
}
}
else
{
return DefWindowProc(hWnd, msg, wParam, lParam);
}
} CCEGLViewForHWND::~CCEGLViewForHWND()
{
} void CCEGLViewForHWND::setCurrent()
{
RegisterView(this);
RECT rect;
GetClientRect(m_hWnd, &rect);
setFrameSize(rect.right - rect.left, rect.bottom - rect.top);
s_current = this;
wglMakeCurrent(m_hDC, m_hRC);
} bool CCEGLViewForHWND::CreateWithHWND(HWND hWnd)
{
m_hWnd = hWnd;
bool bRet = false;
do
{
CC_BREAK_IF(!m_hWnd); bRet = initGL();
if (s_current != NULL)
{
wglMakeCurrent(s_current->m_hDC, s_current->m_hRC);
}
bRet = true;
wndProc = (WNDPROC)GetWindowLong(hWnd, GWL_WNDPROC);
SetWindowLong(hWnd, GWL_WNDPROC, (long)&CCEGLViewForHWND::HWNDProc);
SetWindowLong(hWnd, GWL_USERDATA, (long)this);
} while ();
SetupTouch();
return bRet;
} void CCEGLViewForHWND::centerWindow()
{
return;
}
}
这个类完成的作用是，封装将已有HWND作为渲染目标的功能。
2 写一个新的继承自qwidget的类QtCocosWidget
头文件如下：
#pragma once
#include "cocos2d.h"
#include <QtWidgets\qwidget.h> namespace cocos2d
{
class CCEGLViewForHWND;
}
class QtCocosWidget : public QWidget
{
public:
QtCocosWidget(QWidget* parent = );
~QtCocosWidget();
void MakeActive();
protected:
virtual void resizeEvent(QResizeEvent *);
cocos2d::CCEGLViewForHWND* view;
};
源文件如下：
#include "QtCocosWidget.h"
#include "cocos2d.h"
#include "CEGLViewForHWND.h"
#include <QtGui\qevent.h> using namespace cocos2d; QtCocosWidget::QtCocosWidget(QWidget* parent) : QWidget(parent)
{
HWND id = (HWND)winId();
view = new CCEGLViewForHWND(id);
} void QtCocosWidget::MakeActive()
{
view->setCurrent();
} void QtCocosWidget::resizeEvent(QResizeEvent* ev)
{
//CCDirector::sharedDirector()->setViewport();
QWidget::resizeEvent(ev);
} QtCocosWidget::~QtCocosWidget()
{
}
这个类的作用是，将第一步实现的类和qt结合起来。
3 还是要小改cocos2d的代码（没办法，谁让CCEGLView使用了单例呢）
加入函数
static void RegisterView(CCEGLView* view);
函数实现如下：
void CCEGLView::RegisterView(CCEGLView* view)
{
s_pMainWindow = view; s_pEglView = view;
}
完工！
使用方法：
#include "QtCocosWidget.h" ...
...
...
... AppDelegate ccapp;
int argc = ;
QApplication app(argc, NULL);
...
QtCocosWidget* target = new QtCocosWidget(parent);
target->MakeActive();
return CCApplication::sharedApplication()->run();
可以看到出来效果了！