Loading...
首页专栏正文

在鸿蒙上开发Unity游戏的方法!

Answer 发布于 2021-07-08 09:53:10 浏览 2576 点赞 92 收藏 5

上一次测试了 Cocos 直接打包鸿蒙应用,体验极度舒适。但是,对于 Cocos 之外的其他游戏引擎使用者,例如 Laya,例如 Egret,特别是 Unity,有什么办法可以在鸿蒙上开发游戏呢?

由于这些引擎的底层与 Cocos 不同,不能直接用 Cocos 的代码,所以在这些引擎为鸿蒙提供原生支持之前,我们需要一个曲线救国的方法。

于是乎,我想到了:Webview。

官方文档:

https://developer.harmonyos.com/cn/docs/documentation/doc-guides/ui-java-component-webview-0000001092715158

实际效果:

使用 Webview 在鸿蒙设备上运行 Unity 游戏需要几个步骤?

用 Webview 在鸿蒙上运行 Unity 游戏

①创建鸿蒙全屏工程

在 DevEco 中创建一个新工程,模板选择 Full Screen Ability。

②添加 Webview

这个工程的布局很简单,就是一个全屏的 image 组件,把 image 组件替换成 webview 即可。

将模板 layout 中的 image 组件替换成 webview: <ohos.agp.components.webengine.WebView ohos:id="$+id:webview" ohos:height="match_parent" ohos:width="match_parent"> </ohos.agp.components.webengine.WebView>

注意:该模板提供了 2 个 layout,land_main 是横屏,port_main 是竖屏,根据需要或者直接都替换掉。

初始化 webview,并加载 url,在 MainAbilitySlice 中,添加方法 initWebview: // 初始化webview,并加载url private void initWebview(){ WebView webView = (WebView) findComponentById(ResourceTable.Id_webview); webView.getWebConfig().setJavaScriptPermit(true); // 如果网页需要使用JavaScript,增加此行;如何使用JavaScript下文有详细介绍 final String url = EXAMPLE_URL; // EXAMPLE_URL由开发者自定义 webView.load(url); }

并在 onStart 方法中调用:
![](https://ebaina.oss-cn-hangzhou.aliyuncs.com/res/images/202107/07/20210707-133917-150.jpg)

③隐藏标题栏

添加完 Webview 组件,就可以用它来查看网页了。下图中,展示了我的博客,可以看到,标题栏还在。

为了提供更好的体验,我们想办法把它隐藏。以下方法来自钟发发老师:

两个步骤:

①在 config.json 中设置 NoTitleBar:

"abilities": [
  {

... "metaData":{ "customizeData":[ { "name": "hwc-theme", "value": "androidhwext:style/Theme.Emui.NoTitleBar", "extra":"" } ] } ... }

②在 onStart 中设置 MARK_TRANSLUCENT_STATUS,注意,以下代码需要在 setUIContent 之前调用: // 沉浸式显示(by 钟发发老师) this.getWindow().addFlags(WindowManager.LayoutConfig.MARK_TRANSLUCENT_STATUS); // setUIContent 之前

再次测试 Webview,这次标题栏就隐藏了:

④设置 Webview 加载 Unity Webgl 游戏

首先,用 Unity 打包 Webgl 游戏,并上传到服务器上。然后,用 Webview 加载 Unity 游戏的链接。

⑤打开远程真机,进行调试

与 Cocos 项目一样,模拟器无法正常演示游戏,需要使用远程真机来调试。

来源:鸿蒙技术社区

*本文仅代表作者观点,不代表易百纳技术社区立场。系作者授权易百纳技术社区发表,未经许可不得转载。

精彩评论

内容存在敏感词
打赏
打赏作者
Answer
您的支持将鼓励我继续创作!
金额:
¥1 ¥5 ¥10 ¥50 ¥100
支付方式:
微信支付
支付宝支付
微信支付
打赏成功!

感谢您的打赏,如若您也想被打赏,可前往 发表专栏 哦~

易百纳技术社区
确定要删除此文章、专栏、评论吗?
确定
取消
易百纳技术社区