CocosCreator横版格斗游戏Demo(三):添加敌人到场景

本节主要内容就是在场景中创建一个机器人。

CocosCreator横版格斗游戏Demo(三):添加敌人到场景_第1张图片

如上图所示,机器人节点Robot是一个空节点,其中RobotBody子节点来显示身体,BloodBg和Blood来显示机器人的血条。

另外一个需要注意的就是,CocosCreator引擎里面Sprite控件默认会自动裁剪图片的区域,而我拿到的这套资源的序列帧图片自动裁剪之后,会导致动画位置发生偏移。所以这里要关闭自动裁剪功能。

官方解释:

CocosCreator横版格斗游戏Demo(三):添加敌人到场景_第2张图片

链接:https://docs.cocos.com/creator/manual/zh/asset-workflow/trim.html

完成上述内容之后,再给机器人的RobotBody身体节点挂一个逻辑脚本RobotControl.ts,如下图所示:

CocosCreator横版格斗游戏Demo(三):添加敌人到场景_第3张图片

重点来了,如何解决主角和机器人在场景中的相互遮挡问题?

我能想到的解决方法是利用Y坐标来判断,Y坐标越小,zIndex值越大,渲染越靠后。

代码如下:

CocosCreator横版格斗游戏Demo(三):添加敌人到场景_第4张图片

CocosCreator横版格斗游戏Demo(三):添加敌人到场景_第5张图片

以上PlayerControl.ts和RobotControl.ts所添加的代码就是来实时修改主角的zIndex属性来解决主角和机器人之间的相互遮挡关系。

效果图如下

 

你可能感兴趣的:(CocosCreator)