在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
}
})