cocosbuilder 使用的那些事[不断完善中]

前端之家收集整理的这篇文章主要介绍了cocosbuilder 使用的那些事[不断完善中]前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

1.命名及使用

1.1 命名

 CCB中的变量命名就不用'_'下划线开头了,以免和代码中的私有变量冲突。命名均以小驼峰风格写,命名要求有意义,不是常用词尽量不要简写。
 
 对象命名:
         对象命名后面带上对象类型,比如顶部整体Node:topNode,tableView预留位置的Node:tableViewNode,返回大厅动
         画:backToHallAction
 
 回调命名:
         动画回调命名最后以*CallBack 结尾或者简写CB。
         按钮回调以onClickAAAABBBB开头。
 
 作用+标示后缀
 作用:用有意义的名字,驼峰方式命名,英文命名。   
 
  控件           简称    备注                                     例子    
  Controlbutton--CBtn   (CCMenu不用)                             backToHallCBtn
  Sprite         Spr                                             hallBgSpr,headSpr
  9Sprite        9Spr                                            panelBg9Spr
  Node           Node  (不用Layer,如果真用Layer就是单一CCB)     topNode,bottomNode,hallDizhuBtnNode
  Scroll         Scroll                                          friendRankScroll
  labelTTF       TTF                                             userNameTTF
  labelBMFont    BMF                                             userCoinsBMF
      

1.2 对象使用

使用CCB里面的对象的时候直接用controller['对象名']的形式,比如初始化大厅中玩家姓名

     hallController['userNameTTF'].setString("测试");

不需要写成

     var userName = hallController['userNameTTF'];
     userName.setString("测试");

2.设计

2.1 拆分CCB

拆分CCB,总共分为3种拆分:功能模块拆分、动画拆分、层(场景)拆分

功能模块拆分:

 
    除了一级大厅和桌面大功能模块尽量按每个模块一个CCB进行拆分,最好每个功能模块控制在一张1024的png大图以内。大图控制在功能级
 在一个CCB种饮用资源控制在本功能模块plist,common,hall最多3个地方,比如设置面板,setting.plist,common.plist。引用的图如果
 其他功能模块也存在,那么就放在公共图中。
 

动画拆分:

 
    只要是无限循环的动画CCB就独立出来。序列帧动画独立出来。关于大图部分,几个共属于同一个功能模块或者同一个场景的放在一个大
  图中。
  

层(场景)拆分:

  
  有时候一个场景会分多个部分,比如页签形式的,那么没页签内的不同部分就可以独立出来单做CCB。    
  

2.2 拆分Node

Node主要有两个作用:结构划分,整体操作。

结构划分:

 
 比如大厅可以从结构上分为上、中、下 ,那么再CCB中就可以用Node将整体分为topNode、bodyNode、bottomNode三部分,比如bottomNode
 中用户信息部分由,头像,头像按钮,头像边框,姓名板等多个部分组成,就可以放在一个userNode中挂在bottomNode节点下面。这样做的
 目的是便于后期维护和管理。比如我想修改头像部分一看屏幕展现形式很容易打开bottomNode在看userNode快速定位。

整体操作:

 当需要作为整体做操作的时候也需要套一个Node,比如:一个复杂的按钮,里面有无限播放的动画,有背景,有触摸操作,就可以将这个复杂
 的按钮放在一个Node里面,通过ControlButton或者自定义按钮接受点击事件,完成整体按钮处理以及反应动画等。
 

2.3 Node嵌套

 
 至少涉及为代码加入对象站位置、预留空间、代替代码加入对象做动画等都需要。代码中不要有绝对坐标和内容大小设置,尤其tableView大
 小宽度根据cell变化,高度通过计算得到。当需要涉及坐标变化的时候用CCB已有对象为参考,计算相对位置。
 
 注意:不要用CCSprite相互套用。 灵活运用Node,而不滥用,必要的时候才用,用好了Node,包括内容大小、坐标、锚点、动画。灵活运用
 会很方便的解决很多复杂问题,使结构逻辑清晰化。

2.4 坐标

 CCB中所有的坐标,都必须是%的形式,没有例外,整个CCB从父到子所有节点都是。
 
 相对坐标,一定要清楚,是相对于哪个父节点的坐标,随着父节点的内容大小变化,可能出现的变化设计的时候要清楚。
 
 小技巧,有的时候相对坐标需要配合锚点,比如左上角的返回按钮,我们希望随着屏幕变化始终相对于左边变化,那么就将返回按钮的锚点设
 置为(0,0.5)。

2.5 锚点

 任何时候都不要忽略锚点,即使你要设置锚点为左下角,也不要忽略。
 如果不是很有必要请保持锚点在正中间。

3.动画

3.1 动画拆分

动画拆分:有序动画、无序动画、无限循环动画、动画嵌入动画。

有序动画:

  
  有序动画里面的每个动作的执行顺序固定,比如大厅动画,进入大厅先上下部分动,再中间,每次都是。如此我可以将不同顺序的动画拆
  分。比如我可以将上下部分的动画保存为:enterHallTBAction,中间保存为enterHallBodyAction.然后在enterHallTBAction的动画编
  辑区的最下面No chained Timeline,处选择enterHallBodyAction.
  
  这样做便于部分修改,播放的时候只需要执行enterHallTBAction就可以得到完整动画。如果修改中间或者上下部分动画,单独修改互不影
  响。  
  

无序动画:

  
  无序动画的每个动作执行顺序不一定,那么就需要拆分成多个timeline来进行,比如结果框动画,多个表现,需要在不同条件下组合出发。
  多个动画组合可以通过代码控制,也可以在动画上callback区域插入回调帧,在回调中根据条件灵活处理。动画回调不要和游戏逻辑紧密配
  合,只限于做动画链接

无限循环动画:

  
  无限循环动画,每个无限循环部分单独CCB处理,选择AutoPlay方式,加入即自动播放,或者取消AutoPlay自己控制。
  

动画嵌入动画:

  动画嵌入动画,子动画需要用Node站位置,在代码中将子动画CCB加入到其中即可。

3.2 动画组合

4.适配

 
 适配这块有时候很噁心,关键记住相对哪个父节点,如果父节点大小会变化,那么子节点怎么动。这弄清楚即可。

猜你在找的Cocos2d-x相关文章