皇nity webgl与html交互文件,Vue与UnityWebGl交互通信

Vue与UnityWebGl交互通信

Vue与UnityWebGl交互通信

最近项目需要在可视化界面内添加unity3D文件并进行交互展示效果，特此整理如下：

1.Vue 中自带 Unity3D的依赖包 vue-unity-webgl，进行安装

npm install vue-unity-webgl --save

//或使用 yarn add vue-unity-webgl --save

2.将unity导出文件放在vue项目本地文件static下

3.添加相应组件信息

import Unity from "vue-unity-webgl";

export default {

components: { Unity },

}

4.向unity调用方法传参

// 和 Unity 通信

this.$refs.unityPlan.message('JSManager', 'SendData', '发送内容')

5.监听unity方法，需要放在mounted内

mounted() {

// 播放监控(和 unity 交互)

// unity点击时调用(unity场景)

window['unityClick'] = (id, value) => {

alert(id + ":" + value)

};

// 播放监控(和 unity 交互)

// 获取GetClickEvents返回值(web界面与3D场景有对应关系,从场景获取参数值)

window['GetClickReceive'] = (id) => {

alert(id)

}

},

Vue与UnityWebGl交互通信相关教程

vue公众号h5掉微信扫一扫三步搞定

vue公众号h5掉微信扫一扫三步搞定 vue公众号h5掉微信扫一扫(三部曲) 配合官方文档https://mp.weixin.qq.com/wiki?t=resource/res_mainid=mp1421141115 ，了解简单流程 一.第一步绑定域名，就是你在公众号登录之后要设置域名，token令牌等，还有白名单，这个

Vue组件-从零开始到发布npm

Vue组件-从零开始到发布npm 一、环境准备 基础的vue环境不说了，挂图 但是要安装一个@vue/cli-init(不装的话下面创建项目会失败) npm install -g @vue/cli-init 二、初始化项目 对于写组件发布来说不需要太多的配置，采用webpack-simple初始化项目 vue init w

vue实现的后台管理系统

vue实现的后台管理系统 vue后台管理系统 记录一次后台管理系统项目，需要的朋友私聊我拿源码 vue后台管理系统 介绍 效果图 代码实现 登录 用户页 权限页 路由 总结 介绍 这是在在学校对vue进行学习后搭建的小项目。该后台管理系统为spa单页项目，前后端分离，

Vue项目部署，清理缓存方式(亲测有效)

Vue项目部署，清理缓存方式(亲测有效) 文章目录 前言 一、根目录index.html 二、配置vue.config.js 1.直接上代码【使用时间戳】 总结 前言 部署前端项目以后，你会发现一个问题(为什么必须刷新页面，页面才会更新到最新版本)，其实就是因为服务器缓存的问

vue前端导入excel表格并解析表格内数据

vue前端导入excel表格并解析表格内数据 需求 用户需要输入一系列的ip 如果ip过多手动输入太麻烦，所以用户可以把ip写入Excel表格,然后导入 为防止用户创建Excel表格时格式错误，所以我们提供一个模板供下载 插件 npm install xlsx --save 代码 HTML代码(用的

学习Vue源码写Vue响应式原理

学习Vue源码写Vue响应式原理 vue.js observer.js // foreach在循环次数未知或者计算起来较复杂的情况下效率比for循环高 然后在vue.js 第三步写 new Observer(this.$data) //在defineReactive方法中，第三个参数val是data属性的值，在下面getter方法中return v

vue + mapbox 通过genjson数据加载3D建筑模型

vue + mapbox 通过genjson数据加载3D建筑模型 1.代码 template div div id=map/div /div/templatescript import mapboxgl from 'mapbox-gl' // import * as THREE from 'three' // import { GLTFLoader } from 'three/examples/jsm/loaders/GLTFLoader' impor

vue3中这几个变化你要注意了

vue3中这几个变化你要注意了 ref 在 Vue 2 中，在 v-for 里使用的 ref attribute 会用 ref 数组填充相应的 $refs property。当存在嵌套的 v-for 时，这种行为会变得不明确且效率低下。 在 Vue 3 中，这样的用法将不再在 $ref 中自动创建数组。要从单个绑定获