鸿蒙联合开发实例 | ArkUI JS飞机大战游戏联合开发

开始小游戏

打开远程遥控器

打开远程小游戏遥控器的预定义如预定义下述5.2下所示。

预定义下述5.2 打开远程小游戏控制器 planeGame/js/default/nav.js

importrouter from'@system.router';

exportdefault{

data: {},

start(flag) {

let uri = 'pages/nav/nav';

switch(flag) {

case 2:

uri = 'pages/index/index;

break;

}

router.push({

uri: uri,

})

},

openCtrl:async function{

let actionData = {

uri: ' www.huawei.com '

};

let target = {

bundleName: "com.cangjie.jsabilitydemo",

abilityName: "com.cangjie.jsabilitydemo.GameControlAbility",

data: actionData

};

let result = await FeatureAbility.startAbility(target);

let ret = JSON.parse(result);

if (ret.code == 0) {

console.log(' success ');

} else {

console.log(' cannot start browing service, reason: ' + ret.data);

}

}

}

小游戏的都由编辑器实际上非常简单,如预定义下述5.3 下所示,通过canvas画,因此HML预定义非常简单,这里鸿蒙Java版UI迄今为止还没有Audio,所以有别于Video替代Audio。

预定义下述5.3小游戏都由光编辑器 planeGame/js/default/index.hml

< divclass= "container">

< canvasid= "game"class= "game"ontouchstart= "moveDown"ontouchend= "moveUp">

< videosrc= "{{gaemMusic}}"autoplay= "true"style= "display: none;">

.container {

display: flex;

justify-content: center;

align-items: center;

width: 100%;

height: 100%;

}

.game {

width: 100%;

height: 100%;

background-image: URL("/common/imgs/bj.jpg");

background-repeat: repeat-y;

}

在.game 样的设计里通过background-image给canvas掺入样的设计文化背景,上面能够给小游戏掺入星星的CG文化背景,所以能够另设background-repeat:repeat-y。

04

参考书刊

《HarmonyOS领域整合实战经验（Java版）》

ISBN：978-7-302-60031-2

徐礼文 充满著

价位：129元

扫码三镇优惠购书

鸿蒙整合比如说

鸿蒙整合比如说｜分布的设计文件服务（于其OpenBSD）

鸿蒙整合比如说 ｜ JS的网站的默认（于其OpenBSD）

鸿蒙整合比如说 ｜ 分布的设计粉笔（于其OpenBSD）

鸿蒙整合比如说 ｜ 可复用一览表项的ListContainer

鸿蒙整合比如说 ｜ 分布的设计棋

鸿蒙整合比如说｜实现轻量级智能穿戴电子设备用户编辑器

鸿蒙整合比如说｜某类关系同态数据库（于其预定义）

✦

04

精彩推荐

微信小程序小游戏整合│恰巧小数小小游戏（于其OpenBSD+所示片）

Flink程序语言系统化│Scala程序语言初级实证

Flink程序语言系统化│FlinkCEP程序语言实证

Flink程序语言系统化│DataStream API程序语言实证

Flink程序语言系统化│DataSet API程序语言实证

数 据比对实战经验│客户实用性比对

比对实战经验│价格比得出挑战

比对实战经验│时近碱基得出

比对实战经验│KaggleTitanic生存得出

。

北京治疗白癜风专科医院
迪根和英太青的效果一样吗
孩子积食怎么办快速解决
山东银屑病挂号
天津治包皮过长哪家医院好