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

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

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

第一步:在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);
    }

第三步:在场景中创建一个button,并将上面的PlayJsVideo事件添加到onclick事件上。

第四步:保存场景,并将场景添加到BuildingSetting中,如下图所示:

第五步:通过微信小游戏的插件导出WEBGL并转换为小游戏,如下图所示:

 转换完成后,在打包目录的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();
  });
}

 搞定收工~

  • 7
    点赞
  • 46
    收藏
    觉得还不错? 一键收藏
  • 25
    评论
Unity是一款功能强大且多平台适应性强的游戏引擎,可以用于开发各种类型的游戏和应用程序。对于开发微信小程序Unity也提供了相应的支持和工具。 首先,Unity提供了适用于微信小程序开发的插件和SDK。这些插件可以帮助开发者轻松地将Unity项目集成到微信小程序中,而无需重写大部分代码。 其次,Unity的跨平台特性使得开发微信小程序变得更加便捷。开发者只需要编写一次代码,就可以在多个平台上运行,包括微信小程序、iOS和Android等。 另外,Unity还提供了强大的图形渲染和物理模拟功能,可以让微信小程序在视觉和交互效果上有更高的表现力。 此外,Unity还提供了丰富的编辑工具和资源库,如图形编辑器、音频编辑器和动画编辑器等,开发者可以使用这些工具来创建精美的用户界面和游戏效果。 最后,Unity提供了完善的文档和社区支持,开发者可以在Unity官方网站和论坛上找到各种教程和解决方案,这有助于加快开发速度并解决遇到的问题。 综上所述,Unity作为一款强大的游戏引擎,可用于开发微信小程序,并提供了插件、跨平台特性、图形渲染和物理模拟功能、丰富的编辑工具和资源库,以及完善的文档和社区支持等优势。因此,使用Unity开发微信小程序可以更高效、便捷地实现优质的用户体验和丰富的功能。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 25
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值