栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 软件开发 > 游戏开发 > Unity3D

unity webgl 嵌入vue中

Unity3D 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

unity webgl 嵌入vue中

之前有一个项目是要把在unity做的虚拟工厂嵌到管理系统里去,也就是unity进行webGl导出,然后嵌入到前端项目中。我们的前端项目是用VUE搭的。
原先尝试了安装vue-unity-webgl插件,但是失败了。最后我们用iframe实现了。方式很简单,iframe是自带的网页标签,直接使用就好。

    

原理就是iframe相当于一个独立的window容器,通过链接的形式的引入unity页面,在设定好的iframe内容中显示对应的网页内容,即使该页面中引用了全局的方法也不会对vue网页有影响。
src我用的是相对地址,对应的从unity中导出的webgl内容整个放入了vue项目的public的static文件夹中。

用vue可以跑webgl页面,我在之前一篇博客说明了unity webgl 运行 浏览器 vue 服务器,大家可以参考一下。
src也可以导出网络上其他服务器的内容,比如你输入www.baidu.com也是可以的。这种方式可以方便进行多项目联动。对于iframe内容显示的大小范围等你可以自己通过标签属性和css来设置网页样式。
这里对于ref要说明,如果要进行iframe内容与vue页面交互,则需要通过它实现,我会在另一篇博客对这个问题进行详细说明。

转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/900216.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号