Unity 与 微信小程序(游戏)交互

本文基于minigame-unity-webgl-transform方案,此方案支持大部分Unity组件及方法,比较可惜的是目前版本不支持任何形式的Video播放(不管是MovieoTexture、VideoPlayer还是其他第三方的视频播放插件,比如AVPro、EasyMovieTexture)。

而且当前版本中也无法通过微信的sdk来创建视频,目前通过unity与微信小程序交互的方式调用微信小程序原生sdk来创建视频(目前仅支持覆盖在游戏界面上播放,无法做到类似videoplayer那样在场景中进行播放)。

实现从Unity调用微信小游戏接口

第一步

在unity的Assets目录下创建Plugins文件夹,并在其中创建externFunction.jslib文件,内容如下:

mergeInto(
        LibraryManager.library, 
        {
                PlayVideos: function (_src) {
                PlayVideo(Pointer_stringify(_src));
        }
});

第二步

创建一个C#脚本,其中添加如下内容:

/// <summary>
/// 按照视频名播放视频
/// </summary>
/// <param name="audioname"></param>
[DllImport("__Internal")]
private static extern void PlayVideos(string _src);

public void PlayJsVideo(string _src)
{
    PlayVideos(_src);
}

以上的PlayJsVideo函数可以在C#脚本中被调用,比如绑定到按钮上。你懂的~

第三步

使用minigame-unity-webgl-transform插件导出微信小游戏代码
,然后在打包目录的minigame下找到webgl.wasm.framework.unityweb.js,并在文件开头添加如下内容:
//获取屏幕长宽
let { screenWidth, screenHeight } = wx.getSystemInfoSync();
function PlayVideo(_src){
  var video = wx.createVideo({
    x: 0,
    y: 0,
    width: screenWidth,
    height: screenHeight,
    // 显示默认的视频控件
    controls: true,
    // 是否自动播放
    autoplay:true,
    // 传入视频地址
    src:_src
  });
  //全屏播放视频
  video.requestFullScreen(0);
  //监听视频播放状态,播放完毕后退出全屏并销毁视频
  video.onEnded(()=>{
    video.exitFullScreen();
    video.destroy();
  });
}

实现从微信小游戏调用unity接口

unity打包成webgl的时候,会自动在window上挂载unityInstance。可以在js代码中调用unityInstance.SendMessage向unity发送消息。

但是使用微信小程序官方打包插件(minigame-unity-webgl-transform),将unity项目打包成小游戏之后,在js脚本的window上找不到unityInstance。在微信开发者工具的控制台的window上也找不到。

解决办法(手动挂载)

手动在window上挂载unityInstance ,在游戏加载好之后运行这几行代码,游戏未加载好的时候是没有unityNamespace的:

if (typeof window !== 'undefined' && typeof window.unityInstance === 'undefined') {
    if (window.unityNamespace && window.unityNamespace.Module) {
        // console.log("[set]: window.unityInstance =     window.unityNamespace.Module");
        window.unityInstance = window.unityNamespace.Module;
    } else 
        console.error('缺少unityInstance');
}

以上代码可以放在game.js 的 gameManager.onModulePrepared 接口的回调中,如下图所示:


标签: