Unity3D内嵌html网页+通信

最新推荐文章于 2025-06-04 12:12:08 发布

Dore__

最新推荐文章于 2025-06-04 12:12:08 发布

阅读量5.9k

点赞数 3

CC 4.0 BY-SA版权

分类专栏： Unity html 文章标签： unity3d html js

本文链接：https://blog.csdn.net/Dore__/article/details/120869719

Unity 同时被 2 个专栏收录

47 篇文章

订阅专栏

html

2 篇文章

订阅专栏

本文详细介绍了如何在Unity中内嵌网页并实现与前端的通信。首先，通过导入ZFBrowser插件，设置Canvas并添加PointerUIGUI脚本来展示网页。然后，提供了一个前端HTML示例，展示了如何定义一个测试函数，并将其绑定到按钮点击事件。在Unity端，挂载了Main脚本，注册前端的TestAgain函数并实现了相应的回调，从而实现通信。当按钮被点击时，Unity控制台将打印'通信成功'，验证了通信的正确性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

内嵌网页：

1、unity工程导入 ZFBrowser插件：插件下载链接（待上传）

2、在Hierarchy创建一个 Canvas-gameobject

3、给空物体添加 PointerUIGUI 脚本，会自动添加两个组件

4、把前端写好的页面放到与Assets同级目录下BrowserAssets文件夹内

在browser脚本Url处写入localGame://xxxxxx.html

运行即可。

与前端通信：

前端代码（测试）

在html里面写function

然后写个button给button注册该方法

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>测试实例</title>
<script>
function TestAgain()
{ 
}
</script>
</head>
 
<button type="button" onclick="TestAgain()" >这是一个按钮</button>

<body> 
</body>
</html>

unity代码（测试）

将此脚本挂在刚刚创建的空物体上

using System.Collections;
using System.Collections.Generic;
using UnityEngine; 
using ZenFulcrum.EmbeddedBrowser;
public class Main : MonoBehaviour
{
    private Browser m_htmlPanel;  

    void Start()
    {
        m_htmlPanel = GetComponent<Browser>();
        m_htmlPanel.RegisterFunction("TestAgain", TestAgain);//RegisterFunction(前端方法名，unity方法名)
    }
    public void TestAgain(JSONNode args)
    {
        Debug.Log("通信成功");
    }
     
    void Update()
    { 
    }
        
}