cocos2dの最近のブログ記事

// 広告の全画面表示開始通知

#define IAD_LAYER_NOTIFY_SCREEN_SHOW_BEGIN @"iAdLayerNotifyScreenShowBegin"

// 広告表示位置

typedef enum {

iAdLayerPosition_Top_Center,

iAdLayerPosition_Botton_Center

} eiAdLayerPosition;

// 広告レイヤの基底クラス

@interface AdLayerBase : CCLayer 

{

UIView* _adView;

BOOL _isAllowShow; // 広告の表示が許されているか

eiAdLayerPosition _framePosition; // 表示位置

}

@property (nonatomic, readwrite) eiAdLayerPosition FramePosition;

// 表示位置を指定して初期化する

+(id) nodeWithFramePosition:(eiAdLayerPosition)position;

// バナーを意図的に隠す

-(void) hideIAd;

// バナーを表示する

-(void) showIAd;

// 通知センタからの通知イベント

-(void) NotifyFromNotificationCenter:(NSNotification*)notification;

// 広告ビューの生成

-(void) createIAd;

// 広告ビューの解放

-(void) releaseIAd;

// 表示位置を得る

-(CGPoint) getShowPoint;

@end

【AdLayerBase.m】

@implementation AdLayerBase

@synthesize FramePosition = _framePosition;

// 表示位置を指定して初期化する

+(id) nodeWithFramePosition:(eiAdLayerPosition)position

{

return nil;

}

-(id) init

{

if (self = [super init]) {

// 通知センタのオブザーバ登録

[[NSNotificationCenter defaultCenter] addObserver:self selector:@selector(NotifyFromNotificationCenter:) 

name:nil object:nil];

_adView = nil;

_isAllowShow = YES;

_framePosition = iAdLayerPosition_Top_Center;

}

return self;

}

-(void) dealloc

{

// 通知センタのオブザーバ登録を削除する

[[NSNotificationCenter defaultCenter] removeObserver:self];

[self releaseIAd];

[super dealloc];

}

// 画面遷移完了通知

-(void) onEnterTransitionDidFinish

{

[self createIAd];

}

// 通知センタからの通知イベント

-(void) NotifyFromNotificationCenter:(NSNotification*)notification

{

if (notification.name == ROOTVIEWCONTROLLER_NOTIFY_MSG_ROTATE) {

// 画面回転通知

// 広告の位置を調整する

CGRect rect = _adView.frame;

rect.origin = [self getShowPoint];

_adView.frame = rect;

// 表示許可があれば、広告を表示する

if (_isAllowShow) {

_adView.hidden = NO;

}

}

else if (notification.name == ROOTVIEWCONTROLLER_NOTIFY_MSG_WILL_ROTATE) {

// 回転前準備通知

// 広告を非表示にする

_adView.hidden = YES;

}

}

// バナーを意図的に隠す

-(void) hideIAd

{

_adView.hidden = YES;

_isAllowShow = NO;

}

// バナーを表示する

-(void) showIAd

{

_adView.hidden = NO;

_isAllowShow = YES;

}

// 表示位置を得る

-(CGPoint) getShowPoint

{

CGPoint position = CGPointZero;

CGSize winSize = [[CCDirector sharedDirector] winSize];

switch (_framePosition) {

case iAdLayerPosition_Top_Center:

position = CGPointMake((winSize.width - _adView.frame.size.width) / 2, 0);

break;

case iAdLayerPosition_Botton_Center:

position = CGPointMake((winSize.width - _adView.frame.size.width) / 2, winSize.height - _adView.frame.size.height);

break;

default:

break;

}

return position;

}

// 広告ビューの生成

-(void) createIAd

{

}

// 広告ビューの解放

-(void) releaseIAd

{

}

@end

通知センターから画面回転に関する通知を受け取り、画面の回転に合わせて広告が移動するようにしています。

画面回転の通知を発行する箇所については今回は省きます。

次にNend広告のレイヤを作ります。

【NADViewLayer.h】

@interface NADViewLayer : AdLayerBase <NADViewDelegate>

{

}

@end

【NADViewLayer.m】

@implementation NADViewLayer

// 表示位置を指定して初期化する

+(id) nodeWithFramePosition:(eiAdLayerPosition)position

{

NADViewLayer* layer = [NADViewLayer node];

if (layer != nil) {

layer.FramePosition = position;

}

return layer;

}

// 広告ビューの生成

-(void) createIAd

{

// 広告ビューが生成済みの場合、一度解放する

[self releaseIAd];

// 広告ビューを初期化

_adView = [[NADView alloc] initWithFrame:CGRectMake(0, 0, NAD_ADVIEW_SIZE_320x50.width, NAD_ADVIEW_SIZE_320x50.height)];

[(NADView*)_adView setNendID:NAD_KEY spotID:NAD_ID];

[(NADView*)_adView setBackgroundColor:[UIColor clearColor]];

[(NADView*)_adView setDelegate:self];

　　　　　AppDelegate* delegate = (AppDelegate*)[UIApplication sharedApplication].delegate;

UINavigationController* rootViewController = delegate.navController;

[(NADView*)_adView setRootViewController:rootViewController];

// 広告位置の調整

CGPoint offset = [self getShowPoint];

_adView.frame = CGRectOffset(_adView.frame, offset.x, offset.y);

[rootViewController.view addSubview:_adView];

// 広告のロード

[(NADView*)_adView load:nil];

}

// 広告ビューの解放

-(void) releaseIAd

{

if (_adView != nil) {

[(NADView*)_adView setDelegate:nil];

[_adView removeFromSuperview];

[_adView release];

_adView = nil;

}

}

// 広告のロード成功時にコールされる

-(void) nadViewDidFinishLoad:(NADView*)adView

{

CCLOG(@"NAD Load Success");

}

@end

使い方は次の通りです。

CCLayer adLayer = [NADViewLayer nodeWithFramePosition:iAdLayerPosition_Top_Center];

[self addChild:adLayer];

その他原語環境によってiAdやGoogleAdMobに適宜切換える事も考えられますので、コールするだけで適した広告レイヤを返してくれるFactoryクラスを設計するのも良いかもしれません。

CCSprite* sprite = [CCSprite spriteWithFile:@"image1.png"];

CCTexture2D* tex = [[CCTextureCache sharedTextureCache] addImage:@"image2.png"];

[sprite setTexture:tex];

CGRect rect = CGRectMake(0, 0, sprite.contentSize.width, sprite.contentSize.height);

[sprite setTextureRect:rect];

typedef enum {

eOrientationMode_INVALID,

eOrientationMode_Full,

eOrientationMode_Portrait,

eOrientationMode_Landscape,

eOrientationMode_COUNT

} eOrientationMode;

@interface RootViewController : UIViewController

<

UIImagePickerControllerDelegate

, UINavigationControllerDelegate

>

{

BOOL m_isOrientationLock;

eOrientationMode m_OrientationMode;

}

@property (nonatomic, readwrite) BOOL isOrientationLock;

@property (nonatomic, readwrite) eOrientationMode OrientationMode;

- (BOOL)shouldAutorotateToInterfaceOrientation:(UIInterfaceOrientation)interfaceOrientation {

//

// There are 2 ways to support auto-rotation:

//  - The OpenGL / cocos2d way

//     - Faster, but doesn't rotate the UIKit objects

//  - The ViewController way

//    - A bit slower, but the UiKit objects are placed in the right place

//

#if GAME_AUTOROTATION==kGameAutorotationNone

//

// EAGLView won't be autorotated.

// Since this method should return YES in at least 1 orientation, 

// we return YES only in the Portrait orientation

//

return ( interfaceOrientation == UIInterfaceOrientationPortrait );

#elif GAME_AUTOROTATION==kGameAutorotationCCDirector

//

// EAGLView will be rotated by cocos2d

//

// Sample: Autorotate only in landscape mode

//

if( interfaceOrientation == UIInterfaceOrientationLandscapeLeft ) {

[[CCDirector sharedDirector] setDeviceOrientation: kCCDeviceOrientationLandscapeRight];

} else if( interfaceOrientation == UIInterfaceOrientationLandscapeRight) {

[[CCDirector sharedDirector] setDeviceOrientation: kCCDeviceOrientationLandscapeLeft];

}

// Since this method should return YES in at least 1 orientation, 

// we return YES only in the Portrait orientation

return ( interfaceOrientation == UIInterfaceOrientationPortrait );

#elif GAME_AUTOROTATION == kGameAutorotationUIViewController

//

// EAGLView will be rotated by the UIViewController

//

// Sample: Autorotate only in landscpe mode

//

// return YES for the supported orientations

if (m_isOrientationLock) {

return NO;

}

switch (m_OrientationMode) {

case eOrientationMode_INVALID:

return NO;

break;

case eOrientationMode_Full:

return YES;

break;

case eOrientationMode_Portrait:

return ( UIInterfaceOrientationIsPortrait(interfaceOrientation) );

break;

case eOrientationMode_Landscape:

return ( UIInterfaceOrientationIsLandscape( interfaceOrientation ) );

break;

default:

return NO;

break;

}

#else

#error Unknown value in GAME_AUTOROTATION

#endif // GAME_AUTOROTATION

// Shold not happen

return NO;

}

// iAd表示用のレイヤ

@interface iAdLayer : CCLayer 

<ADBannerViewDelegate>

{

    ADBannerView* m_AdView;

}

@property (nonatomic, retain) ADBannerView* AdView;

@end

ヘッダファイルにはiAdを表示する為のビュークラスを追加します。

またコールバックを受け取るため、ADBannerViewDelegateプロトコルを実装する必要があります。

[iAdLayer.m]

-(id) init

後はこの２つのメソッドを実装すれば、iAdLayerを貼付けるだけで広告の実装完了という仕組みを実現できます。

// 広告ビューの生成

また、前述のinit内で通知センタへの登録を行なっていますが、これはデバイスの向きが変わった事を知る為の登録です。

// 通知センタからの通知イベント

iAdLayerでそのメッセージを受け取った時に広告ビューを再生成する事で動的なデバイス回転に対応できるようになります。

少し１つの機能をCCLayerに盛り込むと汎用性が高くなるという話題から逸れてしまいましたが、CCLayerはとても便利なクラスです。何も目に見えるもの以外は実装に向いていない訳ではないと思います。

例えばDBにアクセスする為、色々な画面で用いられるSQL文（ユーザ認証当たりが該当するのではないでしょうか）の発行から処理までの一連の流れをCCLayerに実装し、使いたい場面でそのレイヤを貼付けるというのはどうでしょうか？

貼付けたタイミングでSQLが発行され、処理が終了したタイミングで自動的にremoveFromParentAndCleanupされる訳です。

１つ注意点として、CCLayerのフレームワークに従うという事は、シーンが変わるとレイヤが解放される事は基本的に避けられないという事です。

重要な処理を乗せたレイヤを動かしている場合、画面遷移をブロックする処理が必要となるでしょう。

これは今回の話に限りませんね。

// 画像選択画面で画像が選択された

-(void)imagePickerController:(UIImagePickerController *)picker didFinishPickingMediaWithInfo:(NSDictionary *)info

{

CGSize winSize = [[CCDirector sharedDirector] winSize];

// 画像を取得する

UIImage* image = [info objectForKey:UIImagePickerControllerEditedImage];

if (!image) {

image = [info objectForKey:UIImagePickerControllerOriginalImage];

}

// 取得した画像サイズを画面内に収まる大きさに調整する

CGImageRef imageRef = [image CGImage];

size_t w = CGImageGetWidth(imageRef);

size_t h = CGImageGetHeight(imageRef);

size_t resizeW, resizeH;

// iPhoneの撮影はかならず横長になる為、縦長基準で縮小後に横を切り取る

resizeH = winSize.height;

resizeW = w * resizeH / h;

size_t cutW = winSize.width; 

UIGraphicsBeginImageContext(CGSizeMake(cutW, resizeH));

[image drawInRect:CGRectMake(0, 0, cutW, resizeH)];

image = UIGraphicsGetImageFromCurrentImageContext();

UIGraphicsEndImageContext();

}

後はUIImageであるimageをCCSpriteで読み込んで画面に貼付ければ、無事完了ですね。

-(void) showChooseMyPic

{

CGSize winSize = [[CCDirector sharedDirector] winSize];

if (m_ImagePickerController == nil) {

// 画像選択画面の初期化

UIImagePickerControllerSourceType sourceType = UIImagePickerControllerSourceTypePhotoLibrary;

if ([UIImagePickerController isSourceTypeAvailable:sourceType]) {

m_ImagePickerController = [[UIImagePickerController alloc] init];

m_ImagePickerController.delegate = self;

m_ImagePickerController.sourceType = sourceType;

m_ImagePickerController.wantsFullScreenLayout = YES;

m_UIPopoverController = [[UIPopoverController alloc] initWithContentViewController:m_ImagePickerController];

m_UIPopoverController.delegate = self;

[m_UIPopoverController setPopoverContentSize:winSize animated:NO];

}

}

// 表示

CGRect r = CGRectMake(20,20,10,10);

r.origin = [[CCDirector sharedDirector] convertToGL:r.origin];

[m_UIPopoverController presentPopoverFromRect:r inView:[[CCDirector sharedDirector] openGLView] permittedArrowDirections:UIPopoverArrowDirectionDown animated:YES];

}

// 画像選択キャンセル

- (void)imagePickerControllerDidCancel:(UIImagePickerController *)picker

{

// PickerControll周りの解放を行なう

[self releasePicker];

}

//画像選択ポップアップの外側をタップし、画像選択画面を抜けた場合

- (void)popoverControllerDidDismissPopover:(UIPopoverController *)popoverController

{

// PickerControll周りの解放を行なう

[self releasePicker];

}

// PickerController周りの解放

-(void) releasePicker

{

[m_ImagePickerController dismissModalViewControllerAnimated:YES];

[m_ImagePickerController.view removeFromSuperview];

[m_ImagePickerController release];

m_ImagePickerController = nil;

[m_UIPopoverController dismissPopoverAnimated:YES];

[m_UIPopoverController release];

m_UIPopoverController = nil;

}