CocosCreator JSB学习:JavaScript/TypeScript调用C++函数

CocosCreator版本:v2.3.3

VS2015:编写C++程序,并且在win32平台验证结果。

Android Studio v3.5.2:在安卓平台验证结果

官方学习文档:https://docs.cocos.com/creator/manual/zh/advanced-topics/JSB2.0-learning.html

想要系统的学习,还是需要认真去看官方学习文档(尽管一两次不一定看得懂)。

1:新建一个Demo空项目,然后选择Android平台构建,构建成功之后,项目根目录中就会出现build文件夹,如下图所示:

2:用VS2015打开win32工程,并在Classes目录下新建JsbTest.h和JsbTest.cpp文件,如下图所示:

3:编写C++代码

JsbTest.h

#pragma once

namespace se {
	class Object;
	class Class;
	class Value;
}

extern bool jsb_register_myTest(se::Object* global);

JsbTest.cpp

#include "JsbTest.h"
#include "scripting/js-bindings/manual/jsb_conversions.hpp"

static bool testLog(se::State& s)
{
	CCLOG("MyJsbTest:js call c++ func succeed!");
	return true;
}
SE_BIND_FUNC(testLog)

static bool add(se::State& s)
{
	//获取Js层传过来的参数
	const auto& args = s.args();
	//理解为一个检测标记吧!
	CC_UNUSED bool ok = true; 
	if (args.size() == 2)
	{
		float arg1, arg2;
		//尝试把第一个参数转成float类型,并返回结果
		ok &= seval_to_float(args[0], &arg1);
		//如果ok为false,输出错误log并且直接返回
		SE_PRECONDITION2(ok, false, "JsbTest add : Error processing arguments");

		ok &= seval_to_float(args[1], &arg2);
		SE_PRECONDITION2(ok, false, "JsbTest add : Error processing arguments");

		//执行add逻辑
		float sum = arg1 + arg2;

		//把结果sum保存在s.rval()中传回给Js层
		ok &= float_to_seval(sum, &s.rval());
		SE_PRECONDITION2(ok, false, "JsbTest add : Error processing arguments");

		return true;
	}

	return false;
}
SE_BIND_FUNC(add)

bool jsb_register_myTest(se::Object* obj)
{
	//这段代码是从源码中抄过来的
	//大概意思:在Js层注册一个jsbTest全局对象
	se::Value nsVal;
	if (!obj->getProperty("jsbTest", &nsVal))
	{
		se::HandleObject jsobj(se::Object::createPlainObject());
		nsVal.setObject(jsobj);
		obj->setProperty("jsbTest", nsVal);
	}
	se::Object* ns = nsVal.toObject();

	//给jsbTest对象定义一个名字为"testLog"的方法,并且绑定C++端的testLog函数上
	ns->defineFunction("testLog", _SE(testLog));

	ns->defineFunction("add", _SE(add));

	return true;
}

CocosCreator中ts脚本调用C++:

    start () {
        // init logic
        this.label.string = this.text;

        cc.log("Helloworld start");
        jsbTest.testLog();
        let num1: number = 23;
        let num2: number = 56;
        let sum: number = jsbTest.add(num1, num2);
        cc.log("num1 + num2 = " + sum);
    }

由于使用的是TypeScript,如果没有自己补充声明会有语法检查错误,但是运行是不会有问题的。

有强迫症的同学可以自己补充一个xxx.d.ts,如下图,是我自己补充的:

4:保存脚本,用CocosCreator重新构建,构建成功之后分别用VS2015和AndroidStudio运行起来。

Win32平台输出:

安卓平台输出:

大功告成!!!

几个注意事项:

1:在CocosCreator端修改场景或者修改了脚本代码,一定要保存之后重新构建,这样win32和安卓才会生效。

2:如果在Android Studio中看不到cc.log的日志输出,构建的时候把调试模式勾选上就OK了,或者用console.log输出。

 

cocos creator打包APK的过程可以分为以下几个步骤: 1. 配置环境:首先需要安装Android Studio,并按照cocos官方文档的指引进行配置。具体的配置步骤可以参考官方文档(\[2\])。 2. cocos构建发布:在cocos creator中,选择构建发布选项,然后选择Android平台。在构建设置中,可以设置一些参数,如包名、签名等。根据项目的需求进行相应的设置。 3. 打包APK:根据官方文档的提示,使用Android Studio打开构建生成的工程文件(一般位于项目目录下的`build/jsb-default/frameworks/runtime-src/proj.android-studio`)。在Android Studio中,选择Build菜单下的Build Bundle(s) / APK(s)选项,即可开始打包APK的过程。 在打包过程中,可能会遇到一些SDK版本的问题,特别是对于对原生Android开发不熟悉的人来说。如果遇到问题,可以参考官方文档或者在评论区提问,寻求帮助(\[1\])。 #### 引用[.reference_title] - *1* *2* [cocos creator 3.x打包构建原生安卓APK流程(打包release版本,修改APP图标)](https://blog.csdn.net/hangsky1990/article/details/131740544)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insert_down28v1,239^v3^insert_chatgpt"}} ] [.reference_item] - *3* [cocos creator 打包原生安卓apk 构建与编译](https://blog.csdn.net/qq_41506812/article/details/118069337)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insert_down28v1,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值