Unity 2021 WebGL版本中网页交互问题如何有效解决？

本文共计993个文字，预计阅读时间需要4分钟。

目录+（一）首先介绍Unity调用页面方法的步骤。

+（二）其次说明页面方法调用Unity内部方法的步骤。

+（一）首先介绍Unity调用页面方法的步骤。首先需要在工程的Asset目录下创建一个Plugin，然后在该Plugin中定义页面方法。步骤如下：

1. 在Unity编辑器中，选择Assets菜单，然后点击Create > Folder，创建一个名为Plugin的文件夹。

2.在Plugin文件夹内，右键点击，选择Create > C# Script，创建一个新的C#脚本文件，命名为PageMethod。

3.打开PageMethod.cs文件，编写页面方法的代码，例如：

csharp

using UnityEngine;

public class PageMethod : MonoBehaviour{ public void ShowPage() { // 在这里实现调用页面的逻辑 Debug.Log(页面方法被调用); }}

4. 在Unity编辑器中，选择PageMethod.cs，然后点击Add Component按钮，将脚本组件添加到任意GameObject上。

5.在Inspector面板中，找到ShowPage方法，并点击它旁边的加号，将此方法拖拽到想要调用页面方法的脚本组件上。

6.现在就可以在脚本中通过调用ShowPage方法来触发页面逻辑了。

目录

• （一）首先说Unity调用页面方法的办法。
• （二）其次说说页面方法调用Unity内方法的办法。

（一）首先说Unity调用页面方法的办法。

首先是需要在工程的Asset目录里面建一个Plugins文件夹，然后在文件夹里面创建一个.txt文件，名字倒是无所谓，创建好后要把扩展名改成.jslib。文件要包含类似如下内容：

mergeInto(LibraryManager.library, { Hello: function () { window.alert("Hello, world!"); }, HelloString: function (str) { window.alert(Pointer_stringify(str)); }, PrintFloatArray: function (array, size) { for(var i = 0; i < size; i++) console.log(HEAPF32[(array >> 2) + i]); }, AddNumbers: function (x, y) { return x + y; }, StringReturnValueFunction: function () { var returnStr = "bla"; var bufferSize = lengthBytesUTF8(returnStr) + 1; var buffer = _malloc(bufferSize); stringToUTF8(returnStr, buffer, bufferSize); return buffer; }, BindWebGLTexture: function (texture) { GLctx.bindTexture(GLctx.TEXTURE_2D, GL.textures[texture]); }, });

这其中只有mergeInto的第二个参数是可以修改的，第二个参数是一个对象，这个对象里面包含了多个方法的引用，这些方法（例如：Hello（）、BingdeWebGLTexture（）等）都是在Unity编程中可以引入的。这些方法内调用的方法（例如：wiindow.alert()、GLctx.bindTexture()等）都是将来页面中可以被调用的。

具体在Unity编程中引入方法的方式以C#为例：

首先需要引入命名空间：

using System.Runtime.InteropServices;

其次需要写具体引入代码：

[DllImport("__Internal")] private static extern void Hello();

参考以下代码引入和使用示例

using UnityEngine; using System.Runtime.InteropServices; public class NewBehaviourScript : MonoBehaviour { [DllImport("__Internal")] private static extern void Hello(); [DllImport("__Internal")] private static extern void HelloString(string str); [DllImport("__Internal")] private static extern void PrintFloatArray(float[] array, int size); [DllImport("__Internal")] private static extern int AddNumbers(int x, int y); [DllImport("__Internal")] private static extern string StringReturnValueFunction(); [DllImport("__Internal")] private static extern void BindWebGLTexture(int texture); void Start() { Hello(); HelloString("This is a string."); float[] myArray = new float[10]; PrintFloatArray(myArray, myArray.Length); int result = AddNumbers(5, 7); Debug.Log(result); Debug.Log(StringReturnValueFunction()); var texture = new Texture2D(0, 0, TextureFormat.ARGB32, false); BindWebGLTexture(texture.GetNativeTextureID()); } }

（二）其次说说页面方法调用Unity内方法的办法。

简单说就是使用unityInstance发消息就行了。具体方法定义如下：

unityInstance.SendMessage(objectName, methodName, value);

其中的参数objectName是Unity场景列表中的物体的名字，这里注意要保证场景中只有一个叫这个名字的物体，别出现重名的，否则乱套了。methodName是发消息的方法名，value是方法的参数，这个参数可以没有，有的话可以是整数或者字符串。

具体使用方式参考如下：

unityInstance.SendMessage('MyGameObject', 'MyFunction'); unityInstance.SendMessage('MyGameObject', 'MyFunction', 5); unityInstance.SendMessage('MyGameObject', 'MyFunction', 'MyString');

不过这个unityInstance是内部对象（我不知道怎么说这个话比较准确，暂时先这么说吧。），如果要在外部引用这个对象，页面代码请参考如下：

var myGameInstance = null; createUnityInstance(canvas, config).then((unityInstance) => {myGameInstance = unityInstance;}); var SendCmd = function(funName){ myGameInstance.SendMessage("ZongCai", funName); }

这样就是使用myGameInstance获得了unityInstance的引用，可以用myGameInstance来发消息了。

官方参考：

WebGL：与浏览器脚本交互 - Unity 手册

到此这篇关于Unity2021发布WebGL与网页交互问题的解决的文章就介绍到这了,更多相关Unity2021发布WebGL与网页交互内容请搜索自由互联以前的文章或继续浏览下面的相关文章希望大家以后多多支持自由互联！