vue与3D通讯

在vue中iframe引入unity3d+webgl,与之通讯

引入方式使用iframe标签绑定src即可
通讯方式使用的是postmessage传递

Vue给3D发送消息

document.getElementById("iframeID")
        .childNodes[0].contentWindow.postMessage({
          event:'changeNumber',
          params:params
        })//如果跨域 },ip端口)
      }

从3D发送到Vue,找到3D打包前的.jslib文件里面新增方法,3D中调用该方法

 ChangeNum: function (fanNum){
	  window.parent.postMessage({
	    event:'ChangeNum',
	    params:Pointer_stringify(Number)
	  }) //如果跨域 },ip端口)
  }

Vue中接收参数只需

window.addEventListener("message", (mes) => {
	if(mes.data.event=='ChangeNum'){
		//do sm
	}
})
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值