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 中自动创建数组。要从单个绑定获