SpriteBuilder Demo学习笔记

1、资源的auto-scaling。只需提供最高级别的resolution，SpriteBuilder会自动生成低级别的。SpriteBuilder默认是从4x（两倍于Retina屏）开始scaling，可以在File->Project Settings中设置为2x，然后点击publish。 2、Smart Sprite Sheets。自动生成精灵表单将所有资源放在一张大图上，只需一次读入到内存。右键单击资源文件夹，点击Make Smart Sprite Sheet，然后点击publish即可。 3、使用SpriteBuilder创建动画（以熊为例） ···新建一个结点Bear，选择Node为根容器。将涉及到的资源图片拖到根节点(Node)中。由于接下来使用手臂的旋转动画，所以设置手臂的anchorPoint，旋转会根据锚点来。 ···一个动画有一个TimeLine，可以为结点添加多个TimeLine使其支持多个动画。点击按钮编辑名称和持续时间 ···使用右上角的滑竿缩放TimeLine ···添加KeyFrame。（旋转）按下r，在第一个时间点填上旋转角度，拖动到第二个时间点，按下r，填上旋转角度，再拖到第三个时间点，以此类推。完成后，链接动画， 4、从TimeLine上选择根Node—CCSprite，然后在Sprite Frame属性设置精灵图片。在右边第三栏中选择Enable Physics使用物理，此时粉色的点组成的图形代表物理Body的shape。默认为矩形，可更改。在右边第二栏填入Custom Class连接到OC类。 5、连接到代码。在Xcode中根据.ccb文件创建OC类，父类要与根节点一致。点击Publish，然后可以通过在Xcode中的AppDelegate.m中[self setupCocos2dWithOptions:cocos2dSetup];后添加[CCBReader load”@“Penguin”]:来加载精灵。 6、将背景图片添加到ccb文件中，位置设定方面以百分比设置可以确保支持多尺寸的设备。 7、添加一个按钮，选择其普通或Highlight状态下的在照片，还应该设置Preferred Size为Retina下image size的一半。在第二栏中填写selector的名称并选择target，Document Root表示其所在的根节点的类作为target。 8、将其他ccb添加到当前ccb。从对象库中添加一个Sub File结点，选择想要添加的ccb文件。 9、physics object 只能添加到 physics node下。 10、选中一个结点（对象），在第二栏Code Connection中Doc Root var栏可以填写实例变量名，这样就连接到代码了。要在代码中定义同名的实例变量。 11、CCB文件加载完后会调用didLoadFromCCB方法。 12、在TimeLine中可以将结点拖拽到CCPhysicsNode下，让其支持物理引擎（一般为静态物体）。可以在第三栏选择其类型为static 13、Pivot链接（Joint）将物理结点链接于一点。 14、使用SpriteBuilder创建链接。将Pivot Joint拖到想要链接的点上，放置好后，下面会出现两个点，将两个点分别拖到被链接的两个物理结点上。该过程也可以通过在右边对bodyA和bodyB属性进行选择来设置。 15、物理引擎中使直杆竖立的小技巧：与一个不可见的物理结点建立链接。此例中建立的是Spring链接，便于后续旋转与反弹。当要链接的结点没有contentSize时可以链接到TimeLine。通过改变Spring链接的AnchorPoint或者拖动链接的终点。Spring链接中rest length表示弹簧收缩或扩张的长度， 16、使用SpriteBuilder创建的链接是存在于整个游戏中的链接，如果我们想动态创建、消除链接，则需要在代码中完成。 17、addPostStepBlock:key:方法确保块方法只被调用一次，per frame and key. 18、粒子效果。新建ccb文件选择Particle为Root Node。在TimeLine中选择CCParticleSystem后在右边面板中第四栏选择类型，第一栏设置数值。 19、使用SpriteBuilder创建精灵帧动画。选中精灵，在左侧资源面板中选中所有相关文件，然后右键单击选择Create Keyframes from selection。 20、TimeLine可以从代码中通过actionManager获取。方法是新建+命名。通过该名称获取，方法是runAnimationForSequenceNamed: 21、iPad适配。 ①根节点的大小。为了适配iPad大屏幕，设置contentSize为按百分比，并让height为100% ②控件的位置。可以在SpriteBuilder中设置控件相对于四个角（左上、左下、右上、右下）中任意一角的位置。