鸿蒙应用开发游戏（三）---大鱼吃小鱼（放置NPC），鸿蒙开发工程师面试问题

最新推荐文章于 2024-05-21 15:40:28 发布

2401_84159791

最新推荐文章于 2024-05-21 15:40:28 发布

阅读量1k

点赞数 13

分类专栏： 2024年程序员学习文章标签： harmonyos 游戏面试

本文链接：https://blog.csdn.net/2401_84159791/article/details/138032337

版权

2024年程序员学习专栏收录该内容

121 篇文章 0 订阅

订阅专栏

先自我介绍一下，小编浙江大学毕业，去过华为、字节跳动等大厂，目前阿里P7

深知大多数程序员，想要提升技能，往往是自己摸索成长，但自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年最新HarmonyOS鸿蒙全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友。

htt

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，涵盖了95%以上鸿蒙开发知识点，真正体系化！

由于文件比较多，这里只是将部分目录截图出来，全套包含大厂面经、学习笔记、源码讲义、实战项目、大纲路线、讲解视频，并且后续会持续更新

如果你需要这些资料，可以添加V获取：vip204888 （备注鸿蒙）

正文

我们在开始之前就已经开始思考了，NPC应该有什么属性，起始位置，方向，速度，等，这里暂时不需要等级，下篇互吃逻辑写。

//NPC
@State npcSpeed: number = 3
@State npcFishX: number = 300
@State npcFishY: number = 200
@State npcAngle: number = 0
@State intervalIdNPC_1: number = 1
@State npcSin: number = 1
@State npcCos: number = 1

npc显示需要写在else里面，也就是点击开始游戏后，isBegin=true时

if (this.isBegin == false) {
Button(‘开始游戏’)
.backgroundColor(‘#36d’)
.onClick(() => {
this.isBegin = true
})
} else {
Image($r(“app.media.icon_fish_right”))
.position({ x: this.xFish - this.fishRadius, y: this.yFish - this.fishRadius })
.rotate({ angle: this.angle, centerX: ‘50%’, centerY: ‘50%’ })
.width(40)
.height(40)

Image($r(“app.media.icon_npc_2”))
.position({ x: this.npcFishX - this.fishRadius, y: this.npcFishY - this.fishRadius })
.rotate({ angle: this.npcAngle, centerX: ‘50%’, centerY: ‘50%’ })
.objectFit(ImageFit.ScaleDown)
.width(40)
.height(40)

}

ok,第一个image是玩家控制的小鱼，第二个image是NPC。

3、NPC动起来

问题来了，NPC如何自己动起来了，这就又用到了计时器，这里如果有其他好的方法也评论区打出来哈。当玩家点击开始游戏按钮时启动计时器，

if (this.isBegin == false) {
Button(‘开始游戏’)
.backgroundColor(‘#36d’)
.onClick(() => {
this.isBegin = true
clearInterval(this.intervalIdNPC_1)
this.intervalIdNPC_1 = setInterval(() => {

//设置小鱼的移动位置,
this.npcFishX += this.npcSpeed * this.npcCos
this.npcFishY += this.npcSpeed * this.npcSin

this.npcFishX = this.getNPCBorderX(this.npcFishX)
this.npcFishY = this.getNPCBorderY(this.npcFishY)

}, 40)

})
}

这里需要说一下，启动一个计时器，内部是不断地计算npc的位置，getNPCBorderX这个是防止走出屏幕的宽度和高度设置的，当触碰到边框要改变方向。难点也在这

getNPCBorderX(x: number) {
if (x <= this.fishRadius) {
x = this.fishRadius + 10
this.getRandom()
}
if (x > this.screenWidth - this.fishRadius) {
x = this.screenWidth - this.fishRadius - 15
this.getRandom()
}
return x
}

getNPCBorderY(y: number) {
if (y <= this.fishRadius) {
y = this.fishRadius + 10
this.getRandom()
}
if (y > this.screenHeight - this.fishRadius) {
y = this.screenHeight - this.fishRadius - 10
this.getRandom()
}
return y
}

那一个x方向说吧，当x<=小鱼的半径时说明，小鱼已经贴左边了，大于屏幕宽度时贴右边了，这时我们要改变方向，getRandom()就是改变方向用的，至于x=this.fishRadius +10 这个主要是当贴边后，小鱼还在走，就会触发多次if语句，生成多次方向，也就是说会出现抖动现象，感兴趣去掉赋值可以试试。

4、NPC方向生成

这一块是最麻烦的，

弧度 = 角度 * π / 180
角度 = 弧度 * 180 / π

我们认识到的Math.sin,cos,tan等一般都是传入一个弧度，而不是角度（我传入角度老是有问题，这里传入弧度就解决了）

/随机获取一个角度/
getRandom() {
this.npcAngle= this.selectFrom(-179,180)
// let angle = Math.random()+Math.random()+Math.random()
// this.npcAngle = angle * 180 / Math.PI
//这是是求弧度，弧度 = 角度 * π / 180

this.npcSin = Math.sin(this.npcAngle * Math.PI /180)
this.npcCos = Math.cos(this.npcAngle * Math.PI /180)

console.log(“角度”+this.npcAngle)
}

selectFrom(startNumber, endNumber) {
let choice = endNumber - startNumber + 1;
return Math.floor(Math.random() * choice + startNumber)
}

首先我们需要随机生成一个角度，比如说90度，50度，-120度等

角度是作为鱼头方向用的，我们按照speed速度去计算该方向的值

那么x轴上的值就是x = speed * cos值，如下

this.intervalIdNPC_1 = setInterval(() => {

//设置小鱼的移动位置,
this.npcFishX += this.npcSpeed * this.npcCos
this.npcFishY += this.npcSpeed * this.npcSin

this.npcFishX = this.getNPCBorderX(this.npcFishX)
this.npcFishY = this.getNPCBorderY(this.npcFishY)

}, 40)

5、关闭计时器

onPageHide() {
clearInterval(this.intervalIdNPC_1)
}

记住页面消失时，或者游戏结束时需要关闭计时器

好了，到这NPC防止就完成了。

最后，有很多小伙伴不知道学习哪些鸿蒙开发技术？不知道需要重点掌握哪些鸿蒙应用开发知识点？而且学习时频繁踩坑，最终浪费大量时间。所以有一份实用的鸿蒙（Harmony NEXT）资料用来跟着学习是非常有必要的。

这份鸿蒙（Harmony NEXT）资料包含了鸿蒙开发必掌握的核心知识要点，内容包含了（**ArkTS、ArkUI开发组件、Stage模型、多端部署、分布式应用开发、音频、视频、WebGL、OpenHarmony****多媒体技术、Napi组件、OpenHarmony内核、Harmony南向开发、鸿蒙项目实战等等）鸿蒙（Harmony NEXT）**技术知识点。

希望这一份鸿蒙学习资料能够给大家带来帮助，有需要的小伙伴自行领取，限时开源，先到先得~无套路领取！！

如果你是一名有经验的资深Android移动开发、Java开发、前端开发、对鸿蒙感兴趣以及转行人员，可以直接领取这份资料

获取这份完整版高清学习路线，请点击→纯血版全套鸿蒙HarmonyOS学习资料****