(NO.00001)iOS游戏SpeedBoy Lite成形记(二十三)

时间:2021-01-06 08:03:03

现在还有一个视觉上的问题:玩家每次在游戏开始前选择某一赛道时,无法直观的看到所选的是哪条赛道.只能通过界面上方的gambleLabel中的文字非直观的看到.我们现在来完善它!

为了能让玩家清楚地看到,可以尝试增加选中的视觉效果.这里我们打算给选中赛道增加一个选择框表示当前选中.

要实现该功能有多种方法:

1.在draw回调方法中添加OpenGL的绘图代码,在对应位置画选择边框.

2.使用cocos2D的CCDrawNode在任何地方绘制选择框.

我们这里却使用更简单的第3种方法:移动现成的选择框层到特定的位置.注意这里不一定必须是一个”层”,任何合适的CCSprite都可以,所以任何漂漂的选择框都是有可能的,只看你度娘或美工的能力啦.

打开SpriteBuilder,添加一个OneTrackLineLayer.ccb文件,类型为CCNode.然后在Root节点上添加子Color Node节点.然后设置其属性如下:

(NO.00001)iOS游戏SpeedBoy Lite成形记(二十三)

因为这里这里的size类型是点而不是像素,所以我们要用屏幕的长宽/2.

而且我们最初目标只支持iphone4s和5/5s,所以只要设置宽为最宽的1136/2即可,高度都是一样的640/8/2等于40.至于颜色,我只能说每个人都有自己的审美了.

接下来打开GameScene.ccb将上面做好的ccb文件拖入track节点.在timeline中重命名为trackLine.顺面设置其位置为(568,0),这是SpriteBuilder界面中的状态应该如下:

(NO.00001)iOS游戏SpeedBoy Lite成形记(二十三)

自然我们需要连接它到Xcode代码:_trackLine.

最后我们将该节点可见设为不可见.

好了,接下来就是Xcode中需要添加对应的代码了,我们下一篇见 ;)