专栏首页owent集成Qt Webkit 到cocos2d-x

集成Qt Webkit 到cocos2d-x

前言

近期倒腾下客户端,想搞个cocos2d的工具。 之前的那个集成到Win32工具下的调试辅助工具是直接用的windows api。拓展起来巨麻烦。而且Windows默认的字符集是宽字符集,和cocos2d与lua交互起来得到utf-8之间转来转去,十分麻烦。所以干脆花点时间一口气搞完这货。

比起其他的工具来说,还是Qt简单些,而且还跨平台。不过这里基本只是Windows版的工具,但是为了扩展上的便捷,直接做成Webview是个不错的选择。所幸Qt里直接有Webkit组件,直接用就可以了。

初识Qt

我也是第一次接触Qt,之前一直是耳闻,没有用过。初次接触下来,感觉还是挺简单的。 记一下我碰到的几个问题。

  1. Qt的主循环一定要放在主线程。放在子线程会导致消息不触发。 > 虽然我觉得不可理解,但是放在子线程会导致消息不触发。另外由于cocos2d并没有提供类似渲染一帧的接口,所以我不得不开辟多线程来解决这个问题。即:Qt主循环在主线程,cocos2d在子线程
  2. Qt自定义了消息传递方式,信号(SIGNAL)槽(SLOT)。 > 需要支持信号和槽的类需要在.h文件的声明中添加 *Q_OBJECT*。这里要注意必须是.h文件。放在.cpp里是不行滴。在申明信号和槽的时候,槽需要自己实现,信号的代码将会由Qt的*mocker*工具生成。 > Qt的工具做得还挺上流的。
  3. Qt自己实现了一套对象管理模式,默认对象都会是全局的QApplication的子节点,删除父节点的时候子节点也会被删除。 > 这里还特别注意下和其他的对象管理方式混用的问题,之前我就因为用stl的shared_ptr管理自定义的对象,然后由于全局对象析构时不保证顺序的,所以有一定概率,在shared_ptr在QApplication后析构时会导致程序退出的时候崩溃
  4. Qt绑定C++函数和对象到Webkit的方式也很简单,只要声明为Q_INVOKABLE即可。不过貌似提供的访问脚本层的接口功能不太强,不过已经够用了

导出接口和Webview

为了方便继承,可以把接口导出为C接口,然后再在C++里载入并追加回调,由于Webkit默认不允许主动打开本地磁盘文件,所以还另外增加了读取本地文件的接口。

#ifdef _MSC_VER
#define DEBUGER_EXPORT __declspec(dllexport)
#define DEBUGER_IMPORT __declspec(dllimport)
#else
#define DEBUGER_EXPORT __attribute__((visibility("default")))
#define DEBUGER_IMPORT __attribute__((visibility("default")))
#endif

#pragma comment(lib, "debuger.lib")

extern "C" {
    typedef void(*debuger_js_fn)(const char **, size_t*, size_t, char**, size_t*);

    DEBUGER_IMPORT void debuger_init_app(int argc, char** argv);

    DEBUGER_IMPORT int debuger_exec(int(*fn)(int, char**), void(*exit_fn)());

    DEBUGER_IMPORT void debuger_exit(int code);

    DEBUGER_IMPORT void debuger_open_local_file(const char* path, size_t len);

    DEBUGER_IMPORT void debuger_open_url(const char* path, size_t len);

    DEBUGER_IMPORT void debuger_get_charset(char* name, size_t len);

    DEBUGER_IMPORT void debuger_set_charset(const char* name);

    DEBUGER_IMPORT void debuger_eval(const char* code, size_t len, char* ret, size_t* ret_len);

    DEBUGER_IMPORT void debuger_invoke(const char* name, debuger_js_fn fn);

    // 注册的回调函数
    static void debuger_invoke_run_code(const char ** argv, size_t* argv_len, size_t argc, char** ret, size_t* ret_len) {
        if (argc < 2) {
            cocos2d::log("run lua code require 2 parameters.");
            return;
        }

        std::string code(argv[1], argv_len[1]);
        code.push_back('\0');
        script::lua::LuaEngine::Instance()->addPendingCode(code);
    }
}

    // 初始化注册
    void CommandWindow::init(int argc, char** argv) {
        cmd_argc_ = argc;
        cmd_argv_ = argv;

        // 初始化
        debuger_init_app(cmd_argc_, cmd_argv_);
        // 打开本地web页
        debuger_open_local_file("../proj.win32/debuger.webview/index.html", 0);
        // debuger_open_url("http://www.baidu.com", 0);

        // 函数注入
        debuger_invoke("run_code", debuger_invoke_run_code);
    }

再把一个web组件导进来,就完工了。我边导入了jQuery、jQuery UI和codemirror。 唯一要注意的是由于Qt线程和cocos2d处于不同线程下,注意下多线程安全就可以了

搞定收工

这么一来可以写Web页来做客户端工具,比用C++方便多了。 效果如下:

点击“执行脚本”就会执行上面注入的*debuger_invoke_run_code*函数。很Nice吧。

所有代码托管在:https://github.com/owt5008137/client-debuger 有兴趣的童鞋可自取

Written with StackEdit.

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • POJ PKU 2596 Dice Stacking 解题报告

    题目链接:http://acm.pku.edu.cn/JudgeOnline/problem?id=2596

    owent
  • protobuf、flatbuffer、msgpack 针对小数据包的简单对比

    前段时间我尝试给 atframework 的 libatapp 整合进UnrealEngine做Dedicated Server和逻辑server通信的时候碰到...

    owent
  • libcopp的线程安全、栈池和merge boost.context 1.64.0

    前段时间看到了一个完成读比较高的协程库-libgo,里面提供了线程安全的协程实现,并且也是使用锁。本来我并没有给libcopp里的功能加锁的打算,因为上层dis...

    owent
  • Bug集锦-Spring Cloud Feign调用其它接口报错

    Spring Cloud Feign调用其它服务报错,错误提示如下:Failed to instantiate java.util.List: Specifie...

    小码农薛尧
  • 如何选择正确的后端渲染框架:Next, Nuxt, Nest?

    在上一篇文章中,我探讨了三种最流行的Node框架:Express、Koa和Hapi的区别、优点和缺点。在这篇文章中,我们将研究另外三种非常流行的框架之间的区别:...

    Fundebug
  • 【DB笔试面试530】在Oracle中,有哪些重要后台进程?

    对于后台进程,首先需要掌握3个概念:后台进程、服务器进程和用户进程,它们之间的关系如下图:

    小麦苗DBA宝典
  • 如何选择正确的Node框架:Next, Nuxt, Nest?

    lighthouse测试报告中可以看到Preformance、Accessibility、Best Practices、SEO都高于70,虽然比其他两个框架低,...

    random_wang
  • MongoDB系列---入门安装操作

      在 Linux 平台的 MongoDB 为解压版。我们只要解压 tgz 文件就可以使用。

    Arebirth
  • 进程同步

    操作系统中存在多个进程并发访问和操作同一个数据,并且执行结果和进程执行的特定顺序有关,称为:竞争条件。为了防止竞争条件发生,我们需要确保一段时间内只有一个进程能...

    zy010101
  • Oracle数据库升级(10.2.0.4->11.2.0.4)

    环境: RHEL5.4 + Oracle 10.2.0.4 目的: 在本机将数据库升级到11.2.0.4

    Alfred Zhao

扫码关注云+社区

领取腾讯云代金券