KUOKUO的趣味教程 | 小怪物也思考(3)

最新推荐文章于 2020-11-11 17:44:23 发布

晓衡的成长日记

最新推荐文章于 2020-11-11 17:44:23 发布

阅读量205

点赞数

原文链接：https://blog.csdn.net/kuokuo666

版权

640?wx_fmt=png

EEA阔宝：专注 CocosCreator 引擎小游戏开发两年

开发微信小游戏5款

H5 小游戏多款

CSDN 博客： KUOKUO 众享

本篇承接上一集故事

《KUOKUO的趣味教程 | 小怪物的视野(2)》

《KUOKUO的趣味教程 | 进击的小怪诞生(1)》

看一个小怪物是如何自我进化的！

第三章：小怪物也思考

在上一篇文章中，小怪采用了用脸摩擦墙的方法，成功越过障碍，抓到玩家。目的是实现了，但是小怪认为，这是及其不雅观的。

于是小怪物在夜黑风高之时，偷偷的勘探了地形。

上面是人类创造的地形，小怪物看不懂，在小怪物眼中只能看到0或者1。

// 地图数据,0是地板,1是墙	
this.map = [	
    [0, 0, 0, 0, 0, 0, 0, 0, 0, 0],	
    [0, 0, 0, 0, 0, 0, 0, 0, 0, 0],	
    [0, 0, 0, 0, 0, 0, 1, 0, 0, 0],	
    [0, 0, 0, 0, 0, 0, 1, 0, 0, 0],	
    [0, 0, 0, 0, 0, 0, 1, 0, 0, 0],	
    [0, 0, 0, 0, 0, 0, 0, 0, 0, 0],	
    [0, 0, 0, 0, 0, 0, 0, 0, 0, 0]	
];

小怪物知道0可以走1不可以，因为它当前就站在一个0的位置。

现在有了地图，小怪就可以先寻找到障碍物的边界，然后绕过去。

小怪物一天天在进化，一次可以多思考点事情了

think () {	
    // 取最小值大些，取最大值小些，好比较	
    let minX = 99;	
    let minY = 99;	
    let maxX = -1;	
    let maxY = -1;	
    // 寻找障碍物的最大包围圈，遍历	
    for (let i = 0; i &lt; this.map.length; i++) {	
        let m = this.map[i];	
        for (let j = 0; j &lt; m.length; j++) {	
            if (m[j] == 1) {	
                if (i &lt; minX) {	
                    minX = i;	
                }	
                if (i &gt; maxX) {	
                    maxX = i;	
                }	
                if (j &lt; minY) {	
                    minY = j;	
                }	
                if (j &gt; maxY) {	
                    maxY = j;	
                }	
            }	
        }	
    }	
    // 打印观察下	
    console.log(minX,minY,maxX,maxY);	
}

小怪物知道地图的边界，它是不会把玩家跟丢的！

640?wx_fmt=png

小怪决定绕过这个障碍，它选择先向上或者向下到没障碍的位置，然后一口气过去。

640?wx_fmt=png

也就是说只要知道上面图中的1号、2号两个点位，小怪物又开始努力思考

let dis1 = Math.abs(this.mIndex.x - maxX);	
let dis2 = Math.abs(this.mIndex.x - minX);	
// 取小的	
if (dis1 &lt; dis2) {	
    this.point1 = cc.v2(maxX + 1, this.mIndex.y);	
} else {	
    this.point1 = cc.v2(minX - 1, this.mIndex.y);	
}	
console.log(this.point1);	
// 然后取第二个点	
this.point2 = cc.v2(this.point1.x, this.pIndex.y);	
console.log(this.point2);

一不小心成功了，两个关键点找到了！

640?wx_fmt=png

然后只要走过去就好了

goAim () {	
    // 计算下时间	
        let time1 = 0.5 * Math.abs(this.mIndex.x - this.point1.x);	
    let time2 = 0.5 * Math.abs(this.pIndex.y - this.point1.y);	
    let time3 = 0.5 * Math.abs(this.pIndex.x - this.point2.x);	
    let m1 = cc.moveTo(time1,this.convertToPoints(this.point1.x, this.point1.y));	
    let m2 = cc.moveTo(time2,this.convertToPoints(this.point2.x, this.point2.y));	
    let m3 = cc.moveTo(time3,this.convertToPoints(this.pIndex.x, this.pIndex.y));	
    this.me.runAction(cc.sequence(m1,m2,m3));	
},	
	
// 转化坐标	
convertToPoints (dx, dy) {	
    let y = 300 - 100 * dx;	
    let x = 100 * dy - 450;	
    return cc.v2(x, y)；	
}

亲！我来了，嘎嘎嘎！！

640?wx_fmt=gif