Unity WebGL(一)Unity和JS交互


前言

本文主要是实现web和unity交互,unity发布web端难免需要在网页和unity之间进行交互,为实现查找相关内容,本篇是总结自己的一些理解,同时文章末分享unity官方相关文档,详细内容可以访问官方文档


提示:以下是本篇文章正文内容,下面案例可供参考

一、从 Unity 脚本调用 JavaScript 函数

1.在工程文件夹里新建“Plugins”文件夹,在内部创建一个.jslib扩展名的文件

一定要放在Plugins文件目录下

2.打开.jslib文件,插入代码

请添加图片描述

3.使用方法:在脚本中需要使用的地方按照下图代码调用即可

请添加图片描述

4.在Unity中调用JS方法和以上相似,可以在JS里写上方法,在.jslib里直接调用方法名函数

请添加图片描述请添加图片描述请添加图片描述

二、从 JavaScript 调用 Unity 脚本函数

1.在wbg的html或者js中写代码调用unity脚本函数

请添加图片描述
请添加图片描述
官方文档:https://docs.unity.cn/cn/2019.4/Manual/webgl-interactingwithbrowserscripting.html

  • 4
    点赞
  • 20
    收藏
    觉得还不错? 一键收藏
  • 4
    评论
Unity Webgl中,可以使用JSUnity之间的通信来实现两者之间的交互。以下是一些实现方法: 1. 使用UnityWebGL桥接器 Unity提供了一个WebGL桥接器,可以使用JavaScript API与Unity进行通信。可以使用UnityObject2.js文件将Unity嵌入到HTML页面中,并在JavaScript代码中使用UnityObject2.getObjectById()方法获取Unity对象。 例如,以下代码创建了一个Unity对象,然后调用其中的一个方法: ``` <div id="unityContainer" style="width: 960px; height: 600px"></div> <script src="UnityObject2.js"></script> <script> var unityObject = UnityObject2.createObject("unityContainer", "MyUnityFile.unity3d", { onProgress: UnityProgress }); function callUnityMethod() { var unity = unityObject.getObjectById("unityPlayer"); unity.SendMessage("MyGameObject", "MyMethod", "Hello Unity!"); } </script> ``` 这将调用名为"MyMethod"的方法,其参数为"Hello Unity!",其中"MyGameObject"是Unity场景中的游戏对象名称。 2. 使用JavaScript插件与Unity通信 除了Unity提供的WebGL桥接器之外,还可以使用第三方JavaScript插件(如jQuery)与Unity进行通信。可以使用Unity的ExternalCall方法从JavaScript代码中调用Unity方法,并使用Unity的Application.ExternalCall方法从Unity中调用JavaScript方法。 例如,以下代码使用jQuery从JavaScript调用Unity方法: ``` <script src="jquery.js"></script> <script> function callUnityMethod() { $.get("MyUnityFile.unity3d", function() { var unity = $("#unityPlayer")[0]; unity.SendMessage("MyGameObject", "MyMethod", "Hello Unity!"); }); } </script> ``` 3. 使用WebGL插件与Unity通信 另一种方法是使用WebGL插件(如emscripten)来将C++代码编译为JavaScript,并与Unity进行通信。可以使用Unity的Runtime.JS()方法从JavaScript代码中调用Unity方法,并使用WebGL插件中的EXPORT函数从Unity中调用JavaScript方法。 例如,以下代码使用emscripten将C++代码编译为JavaScript,并与Unity进行通信: ``` <script src="MyPlugin.js"></script> <script> function callUnityMethod() { var unity = UnityLoader.instantiate("unityContainer", "MyUnityFile.unity3d"); unity.callFunction("MyPlugin", "MyMethod", "Hello Unity!"); } </script> ``` 这将调用名为"MyMethod"的方法,其参数为"Hello Unity!",其中"MyPlugin"是WebGL插件中的函数名称。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值