Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/givp/Cocos2d-Menu-Scroller

A CCLayer subclass for creating scrollable pages in Cocos2d (iOS). Can be used for scrollable menus in games. NOTE: CCScrollLayer is now a part of cocos2d-iphone-extensions repo: https://github.com/cocos2d/cocos2d-iphone-extensions/
https://github.com/givp/Cocos2d-Menu-Scroller

Last synced: about 1 month ago
JSON representation

A CCLayer subclass for creating scrollable pages in Cocos2d (iOS). Can be used for scrollable menus in games. NOTE: CCScrollLayer is now a part of cocos2d-iphone-extensions repo: https://github.com/cocos2d/cocos2d-iphone-extensions/

Awesome Lists containing this project

README 

        
===================================================

IMPORTANT:

Please note CCScrollLayer is now a part of cocos2d-iphone-extensions repo:

https://github.com/cocos2d/cocos2d-iphone-extensions/

===================================================



===========================

CCScrollLayer

===========================

Giv Parvaneh

@givp

http://www.givp.org/blog/2010/12/30/scrolling-menus-in-cocos2d/



This class was originally written by DK101

http://dk101.net/2010/11/30/implementing-page-scrolling-in-cocos2d/



It is a very clean and elegant subclass of CCLayer that lets you pass-in an array of layers and it will then create a smooth scroller. Complete with the "snapping" effect. You can create screens with anything that can be added to a CCLayer.



It is mostly the same with the following changes:



- updated to work with Cocos2d 0.99.5

- added the option to change the width of each layer for the "Angry Birds" style preview effect

- removed CCTouchDispatcher on exit (this was messing up touch events on other scenes)



USAGE:



1. add both files to your project

2. in your scene import CCScrollLayer.h

3. in your scene's init method construct each layer and pass it to the CCScrollLayer class:



e.g.



// get screen size

CGSize screenSize = [CCDirector sharedDirector].winSize;



/////////////////////////////////////////////////

// PAGE 1

////////////////////////////////////////////////

// create a blank layer for page 1

CCLayer *pageOne = [[CCLayer alloc] init];



// create a label for page 1

CCLabelTTF *label = [CCLabelTTF labelWithString:@"Page 1" fontName:@"Arial Rounded MT Bold" fontSize:44];

label.position =  ccp( screenSize.width /2 , screenSize.height/2 );



// add label to page 1 layer

[pageOne addChild:label];



/////////////////////////////////////////////////

// PAGE 2

////////////////////////////////////////////////

// create a blank layer for page 2

CCLayer *pageTwo = [[CCLayer alloc] init];



// create a custom font menu for page 2

CCLabelBMFont *tlabel = [CCLabelBMFont labelWithString:@"Page 2" fntFile:@"customfont.fnt"];

CCMenuItemLabel *titem = [CCMenuItemLabel itemWithLabel:tlabel target:self selector:@selector(testCallback:)];

CCMenu *menu = [CCMenu menuWithItems: titem, nil];

menu.position = ccp(screenSize.width/2, screenSize.height/2);



// add menu to page 2

[pageTwo addChild:menu];

////////////////////////////////////////////////



// now create the scroller and pass-in the pages (set widthOffset to 0 for fullscreen pages)

CCScrollLayer *scroller = [[CCScrollLayer alloc] initWithLayers:[NSMutableArray arrayWithObjects: pageOne,pageTwo,pageThree,nil] widthOffset: 230];



// finally add the scroller to your scene

[self addChild:scroller];



Enjoy :)

G