vue与unity进行交互，包括unity发收，unity自动获取数据等

前端-珊珊

已于 2022-05-05 13:45:26 修改

阅读量7.8k

点赞数 6

CC 4.0 BY-SA版权

文章标签： unity 游戏引擎前端和unity对接 vue和unity对接

于 2022-04-30 01:24:49 首次发布

本文链接：https://blog.csdn.net/qq_34672907/article/details/124507164

对于前端对接unity我是从事前端来都没有接触过的，所以是我的知识盲区。所以只能不断的百度和谷歌去找解决方案。有文章不错，有文章写得模棱两可。真正做起来的时候，即使有部分文章可以，但该踩的坑那是一个不漏的踩上了，哈哈。因为自己曾经踩进去，写这篇文章，就是希望大家能在我踩的坑上，更加顺利的和unity进行对接。

废话不多说了，入正题吧。

我用的是iframe做的开发，所以解决方案都是iframe的。如你要的是vue-unity-webgl可以不往下看，转移下一篇文章

首先是要获取unity的实例，如图，先找到unity打包的实例对象：

我这边unity的实例是unityInstance，那么怎么在页面中iframe调用到这个对象呢。

这儿必须说这个坑，我明明写对了调用，前两次因为缓存。所以没成功，如果你们也这样，请刷新浏览器，清一遍缓存，重启一遍。保证页面没缓存。引入如下(注意看下面的注释，html和js我写一起了，懒得分开了）：

<iframe
          id="iframes"
          ref="iframe"
          class="iframe"
          src="/https/blog.csdn.net/unity/index.html"
          width="100%"
          frameborder="0"
          scrolling="auto"
        />

//html如上，写好ref="iframe",然后在script标签，iframe加载完后，写点击事件，打印这个对象。

addNode() { //点击事件
      // console.log('当前unity对象', this.$refs.iframe.contentWindow.