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

张晓衡

发布于 2019-09-11 18:13:08

4300

发布于 2019-09-11 18:13:08

文章被收录于专栏：Creator星球游戏开发社区 Creator星球游戏开发社区Creator星球游戏开发社区

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 < this.map.length; i++) {
        let m = this.map[i];
        for (let j = 0; j < m.length; j++) {
            if (m[j] == 1) {
                if (i < minX) {
                    minX = i;
                }
                if (i > maxX) {
                    maxX = i;
                }
                if (j < minY) {
                    minY = j;
                }
                if (j > maxY) {
                    maxY = j;
                }
            }
        }
    }
    // 打印观察下
    console.log(minX,minY,maxX,maxY);
}

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

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

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

let dis1 = Math.abs(this.mIndex.x - maxX);
let dis2 = Math.abs(this.mIndex.x - minX);
// 取小的
if (dis1 < 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);

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

然后只要走过去就好了

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)；
}

亲！我来了，嘎嘎嘎！！