Unity webgl和前端通信

于 2024-09-10 15:37:10 发布
阅读量340 收藏
点赞数 3
文章标签： unity webgl 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/woaishabaobao/article/details/142100589
版权

这边文章很简单，说下webgl和前端通信的坑：
1：jslib文件放到Plugins，P是大写！jslib文件的文字叫啥无所谓，只要是名字.jslib就可以
2：按照官网的方法去写内容，jslib和c#里面的代码
3：我遇到最大的坑！找了一天都没找到的！
因为我这是部队，不能连接外网，只能手机百度查，[DllImport(“_Internal”)]和[DllImport(“__Internal”)]是不是能看出来区别？，对的，应该是两条下划线，在百度上直接粘贴代码的肯定不会出现这个问题，手写的兄弟们要注意了，一个下划线如果打包后他会提示unable to load dll ‘_internal’.traid the load the following dynamic libraries

剩下的就是前端要用iframe嵌套Unity，前端调用Unity很简单，如果你们的前端搞不定，让他去财务领工资

就是这些，如果帮到大家帮忙点个赞

we are ???
关注
UnityWebGl2020.3与前端Vue通信
weixin_43431513的博客
12-09 1767
在vue中使用iframe引入unity webgl
UnityWebGl与Web前端通信，互通消息
03-05
Unity与WebGl通信工具脚本 测试Demo 教程https://blog.csdn.net/boyZhenGui/article/details/114374111?spm=1001.2014.3001.5501
UnityWebGl与Web前端Html通信，互通消息
boyZhenGui的博客
03-05 3549
官方手册——WebGL：与浏览器脚本交互：https://docs.unity3d.com/cn/current/Manual/webgl-interactingwithbrowserscripting.html Unity发送消息到WebGL 1.创建.jslib文件 需要放到Unity的Plugins文件夹下。名字随意。 例如: Test.jslib mergeInto(LibraryManager.library, { Hello: function () { TestSend("Hel
Unity WebGL 嵌入前端网页并通信
最新发布
Test_Two的博客
07-10 2117
UnityWebGL 嵌入到网页
Unity开发WebGL与前端之间如何通信交互？
热门推荐
Mr.Y仙森的博客
12-14 1万+
最近在弄WebGL的开发，终于闲下来整理开发文档了 在Unity开发WebGL过程中，常常因为需求必须要与前端进行通信、对接，如何实现呢？ 前言 在Unity老版本中，可以用Application.ExternalCall()方法，在2018及以上版本，该方法已经弃用掉，由新的方法来代替。这里不讨论老方法如何使用了。 操作步骤： 1.在Unity中Project目录“Assets\Plugins"下,创建一个jslib文件，可以用txt创建文件，文件名加后缀名为“xxx.jslib”，切记后缀名更改为js
Unity WebGL UnityScript与JavaScript通信
qq_26318597的博客
01-26 1723
原理 UnityScript与JavaScript交互 #mermaid-svg-ZaQdNaj8bWsymqTa .label{font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family);fill:#333;color:#333}#mermaid-svg-ZaQdNaj8bWsymqTa .label text{fill:#333}#mer
关于unity发布webgl嵌入vue项目通信方法
qq_42647677的博客
01-07 1204
将unity导出的webgl文件包放至vue项目的public下面。4.具体业务功能中给unity发送消息，调用webgl中写的方法。3.页面通过iframe引入webgl。5.监听unity给vue发消息，注意需要销毁监听事件。
vue项目结合unity webgl通信（内含untiy+vue代码）
04-10
在本项目中，我们主要探讨的是如何将Vue.js前端框架与Unity WebGL进行集成，实现两者之间的双向通信。Vue.js是一个轻量级、高性能的前端框架，而Unity则是一款强大的3D游戏开发引擎，WebGL是Unity导出为浏览器运行的...
Unity WebGL下读取Excel
04-23
3. **JavaScript接口**：由于Unity WebGL与Web浏览器之间的通信是通过JavaScript接口（JSIL）完成的，你需要创建一个JavaScript文件，暴露一个方法供Unity调用，以实现读取Excel文件的功能。 4. **用户上传文件**：...
unity打包成webgl与vue交互demo
04-24
2. **WebGL数据通信**：Vue可以通过修改Unity WebGL实例的全局变量或者使用Web Storage（如localStorage）来传递数据。Unity可以通过JavaScript接口检查这些变量的变化，从而实现双向通信。 在“vue嵌套webgl”的...
C# 实现WebSocket服务端代码用于Unity WebGL通信
九本才的博客
07-07 1157
一般我们在做展厅项目的时候，交互方式和常见的数字孪生项目是不一样的，常见的数字孪生是通过鼠标点击来进行操作，但是在展厅中屏幕和主机物理距离是很远的，然后无线鼠标操作受到场地影响又影响用户的体验。如果移动端要控制多个大屏还要实现消息的广播，将移动端收到的消息广播给所有的客户端，客户端再根据收到的消息再处理相应的逻辑。使用移动端控制我们的展厅必然会涉及到服务端和客户端通信的问题。我们的实现思路如下。首先服务端要开启一个websocket监听，完成一个收消息和发消息的基本函数。
Unity和js通讯（获取当前webgl网页地址）
w091253的博客
05-17 244
Unity和js通讯（获取当前webgl网页地址）
Unity3D WebGL平台使用WebSocket通信的方法和示例
weixin_41573444的博客
05-31 3922
适用于Unity3DWebGL平台的客户端和服务端代码
基于Unity+Vue通信交互的WebGL项目实践
weixin_45379180的博客
04-30 1906
其实就是调用html 里面的方法，回调给我们数据，我们只要写好方法名给jslib即可（unity开发者去写进去），就能收到信息。看过很多例子：介绍的都不是很详细，不如自己写， 注意看箭头走向。共同点：unity 打包项目都放 在 public 里面。备注：SendMessage方法 的来源，我们直接用就行。方式一：通过 ifram 引入 到vue 项目。2、ifram 再传给 jslib。方式二： vue+通过插件。
基于Unity+Vue3通信交互的WebGL项目发布实践
他在试图用代码书写这个世界，字里行间温柔尽显。勿忘初心，努力做有价值的技术文章。
03-29 6213
本博客基于Unity+Vue3通信交互的WebGL项目发布实践做了一个测试demo演示unity与vue通过第三方插件**unity-webgl**通信的流程。分三步完成：1、搭建Unity测试项目并发布WebGL部署到Vue项目中。2、验证Vue向Unity发送信息：通过前端UI控制Unity游戏物体的显隐和修改颜色。3、验证Unity向Vue发送信息：Unity监听键盘空格键按下触发前端提示框的显示。
Unity 内嵌前端网页与通信 （zfbrower、3dwebview）
_乐无的博客
12-11 3976
Unity 嵌入前端浏览器，zfbrower，3dwebview的使用和优缺点
WebGL和U3D交互
rbagglo的专栏
01-19 2382
test                 function test(arg)   {      alert(arg);   }            var gameInstance = UnityLoader.instantiate("gameContainer", "Build/Test.json", {onProgress: UnityProgress});    
Unity3D开发之WebGL平台上 unity和js前端通信交互
weixin_43149049的博客
03-10 1万+
一.老版方法 unity发布webplayer平台后会输出html和unity3d文件。我们的程序主要被打包在unity3d文件里，而html则是网页的界面显示。 1.Unity发送消息给JS unity想要和js交互，提供了一个函数：Application**.ExternalCall()**;此函数仅限于webplayer平台下。我们编辑发布的html文件，在里面加入我们的js脚本如下： fu...
unity webgl 和vue通信
03-28
Unity WebGL 和 Vue 可以通过以下方式进行通信： 1. 使用 postMessage() 方法 在 Unity WebGL 中，可以使用 Unity 的 SendMessage() 方法将消息发送到 Vue 应用程序中。在 Vue 应用程序中，可以使用 window.addEventListener() 监听消息事件，然后根据消息内容进行相应的操作。 Unity 中的代码示例： ``` function sendMessageToVue(message) { var iframe = window.parent.document.getElementById('your-iframe-id'); iframe.contentWindow.postMessage(message, '*'); } ``` 在 Vue 应用程序中的代码示例： ``` mounted() { window.addEventListener('message', this.handleUnityMessage); }, methods: { handleUnityMessage(event) { if (event.origin !== 'https://your-unity-webgl-domain.com') { return; } const message = event.data; // 根据消息内容进行相应的操作 } } ``` 2. 使用 Vue.js Unity Web Player 插件 Vue.js Unity Web Player 插件提供了一种更方便的方式来在 Vue 应用程序中嵌入 Unity WebGL 游戏，并与之进行通信。该插件可以在 Vue 应用程序中直接使用 Unity API。 首先，需要安装 vue-unity-webgl 插件： ``` npm install vue-unity-webgl --save ``` 然后，在 Vue 应用程序中使用该插件： ``` <template> <div> <unity-webgl :game-width="800" :game-height="600" src="https://your-unity-webgl-domain.com/your-game.json" @unityMessage="handleUnityMessage"></unity-webgl> </div> </template> <script> import UnityWebgl from 'vue-unity-webgl'; export default { components: { UnityWebgl, }, methods: { handleUnityMessage(message) { // 根据消息内容进行相应的操作 }, }, }; </script> ``` 在 Unity 中，需要使用 Unity 的 SendMessage() 方法来发送消息到 Vue 应用程序中： ``` function sendMessageToVue(message) { unityInstance.SendMessage('VueProxy', 'ReceiveMessage', message); } ``` 在 Vue 应用程序中，需要在组件中定义一个名为 ReceiveMessage 的方法来接收 Unity 发送的消息。插件会自动将接收到的消息作为参数传入该方法中： ``` <template> <div></div> </template> <script> export default { methods: { ReceiveMessage(message) { // 根据消息内容进行相应的操作 }, }, }; </script> ```
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值