vue项目结合unity webgl，并相互通信

9月前作者：你好，打工人分类：Toy博客阅读(52) 违法举报

这篇具有很好参考价值的文章主要介绍了vue项目结合unity webgl，并相互通信。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

vue与unity交互完成，最开始使用vue-unity-webgl插件，用着感觉有很多问题，然后换成了iframe，简单记录一下

本文主要解决以下问题：

1.vue项目中如何引入使用unity webgl

2.vue如何与unity互信通信

主要步骤：

1.将unity打包后的文件夹引入至项目，我把它放在static目录下

webgl vue,unity,前端,vue,前端

2.在vue文件通过iframe引入unity

webgl vue,unity,前端,vue,前端

3. 在vue文件中监听unity发送的信息

webgl vue,unity,前端,vue,前端

其中Test为unity定义的事件名，unityWatch为接收unity发的消息后的方法处理

4.vue发送事件给unity

webgl vue,unity,前端,vue,前端

5.完整代码

webgl vue,unity,前端,vue,前端

以上，一个简单的vue结合unity并通信用iframe就完成了，谢谢观看，如果不对之处，还望指正。

文章来源地址https://www.toymoban.com/news/detail-579827.html

到了这里，关于vue项目结合unity webgl，并相互通信的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：如若内容造成侵权/违法违规/事实不符，请点击违法举报进行投诉反馈，一经查实，立即删除！

分享到：

领支付宝红包赞助服务器费用

Unity 发布WebGL、去Logo、网络端通信、本地运行

以下内容将和大家详细分享 Unity 在 WebGL平台的发布方法、如何去除unity的Logo和加载界面、 WebGL与网络端通信、以及如何在本地运行html。一、Unity在 WebGL平台的发布方法 1、如下图，选择webgl平台，没安装的点击下载安装。安装后如图。选择需要打包的场景，无特殊要求

2024年02月06日
浏览(43)
Unity3D WebGL平台使用WebSocket通信的方法和示例

之前在WebGL平台和服务端交互的时候使用的是UnityWebRequest,通过WebAPI的方式进行交互，后来发现可以用WebSocket交互后就果断换了WebSocket。一、Unity3D客户端我在Unity端使用的是 NativeWebSocket NativeWebSocket下载地址直接导入Unity即可，下面是适配的代码，直接挂载在GameObject。

2024年02月11日
浏览(48)
浅谈 JSON 对象和 FormData 相互转换，打通前端与后端的通信血脉

大家都知道，前端在和后台进行交互联调时，肯定避免不了要传递参数，一般情况下， params 在 get 请求中使用，而 post 请求下，我们有两种常见的传参方式： JSON 对象格式和 formData 格式，但是一些场景是需要我们对这两种数据格式进行转换的，例如表单提交，有些是 JSON 对

2023年04月16日
浏览(52)
vue项目接入unity3D模块并进行数据通信

unity工程师会提供一个前端可使用的包，将其放在vue项目的 public 下，我这里以 unity 文件夹命名

2024年02月01日
浏览(46)
Unity打包WebGL: 导入Vue

1.1 任务记录将 Unity 项目打包成 WebGL ，并集成到 Vue 项目中的过程。 1.2 环境 Unity : 2021.3 Vue : 2 2.1 UI 界面 2.2 添加插件构建 WebGL 项目需要添加一个 .jslib 文件，用于 Unity 脚本函数与 JavaScript 函数交互详细内容参考：Unity（WebGL）与JS通讯2022最新姿势 web.jslib 文件内容 2.3 添加脚

2024年02月11日
浏览(36)
Unity webgl 嵌入Vue实现过程

Unity webgl嵌入到前端网页中，前端通过调用Unity webgl内方法实现需要展示的功能，前端点击Unity webgl内的交互点，Unity webgl返回给前端一些需要的数据。例如：当我们需要在三维场景中展示库区中一些监控设备的部署位置，通过点击三维场景中的监控按钮打开当前监控设备的实

2024年02月05日
浏览(43)
springboot项目开启ssl双向认证且实现相互访问通信浏览器访问通信

1、服务器端===生成自签名证书** 这段命令是使用Java的keytool工具生成一个RSA算法的密钥对，并将其保存在名为server.jks的密钥库文件中。以下是各个参数的解释： -genkeypair：生成密钥对的命令。 -keyalg RSA：指定使用RSA算法生成密钥对。 -keysize 2048：指定生成的密钥长度为2048位。

2024年03月21日
浏览(46)
Unity Webgl项目判断当前是手机还是电脑运行

首先:注意了! 该方法需要unitywebgl导出后才能看到效果！！！(特别注意，在unity中运行会显示大概意思是找不到HelloFloat 方法) 首先需要写一个JS的脚本，主要是调用mergeInto();方法，第一个参数不用变，第二个参数就是JS的方法集合。写完之后将这个文件的后缀改为.jslib，名称

2024年03月13日
浏览(89)
基于Unity开发WebGL项目加载AB包(三)

在前两篇文章中，我们分别了解了WebGL如何通过StreamingAssets加载AB包资源（链接：基于Unity开发WebGL项目加载AB包(一)_梵高先森丶的博客-CSDN博客）和如何通过局域网（本地服务器）加载AB包资源（链接：基于Unity开发WebGL项目加载AB包(二)_梵高先森丶的博客-CSDN博客），那么本文，

2024年02月13日
浏览(38)
Unity-Linux部署WebGL项目MIME类型添加

在以往的文章中有提到过使用IIS部署WebGL添加MIME类型使WebGL项目在浏览器中能够正常加载，那么如果咱们做的是商业项目，往往是需要部署在学校或者云服务器上面的，大部分情况下如果项目有接口或者后台管理系统，后台基本都会使用Linux系统，那么对于Unity开发人员来说就

2024年02月13日
浏览(35)