{"id":7773,"date":"2013-03-28T13:27:01","date_gmt":"2013-03-28T04:27:01","guid":{"rendered":"http:\/\/labs.gree.jp\/blog\/?p=7773"},"modified":"2021-04-27T15:04:00","modified_gmt":"2021-04-27T06:04:00","slug":"gree-platform-sdk-for-cocos2dx-now-supports-ios","status":"publish","type":"post","link":"https:\/\/labs.gree.jp\/blog\/2013\/03\/7773\/","title":{"rendered":"GREE Platform SDK for Cocos2dx now supports iOS."},"content":{"rendered":"

Hi everyone, I'm Kazuma from GREE. First of all, i'm sorry for the long blank since my previous article below.
\nhttp:\/\/labs.gree.jp\/blog\/2012\/12\/6846\/<\/a><\/p>\n

I was fortunate to have my article featured on the Cocos2d-x main project page.
\nhttp:\/\/www.cocos2d-x.org\/news\/91<\/a><\/p>\n

As promised in my previous article, I have added iOS support to my library. So now you can use my GREE Platform SDK for Cocos2d-x on both Android and iOS with the same code.
\nIn this article, I will describe how to develop a Cocos2d-x application for iOS that connects to the GREE Platform.<\/p>\n

\"\"<\/a><\/p>\n

In addition, I will be introducing a new feature I added to my library, WebView plugin, that allows you to implement a platform independent webview from the Cocos2d-x context.<\/p>\n

Integrate GREE Platform SDK with your Cocos2d-x game for iOS.<\/h3>\n

This guide provides step-by-step instructions on how to integrate GREE SNS features (User information, FriendList, Payment, and so on) with your Cocos2d-x applications for iOS.<\/p>\n

Requirements<\/h3>\n

You should have Xcode installed on your machine.<\/p>\n

Get GREE Platform SDK for iOS<\/h3>\n

The latest version of the GREE Platform SDK is available from:
\nhttps:\/\/developer.gree.net<\/a>
\nhttps:\/\/developer.gree.net\/en\/<\/a>
\nPlease download the SDK for iOS.
\nYou can also find a Developer\u2019s Guide at the URL above with instructions on how to add libraries to develop general iOS applications with GREE SDK in Xcode.
\nInstructions in this article were performed using GREE SDK version v3-4-21.
\nTo activate your GREE Application, you need to acquire a GREE Application Id, a GREE Consumer Key, a GREE Consumer Secret, and edit your source code such that these are properly configured for your application. I will describe how to do that further down in this article.
\n<\/p>\n

Get Cocos2d-x and GREE Platform SDK for Cocos2d-x<\/h3>\n

Get GREE Platform SDK for Cocos2d-x.<\/p>\n

\n$git clone https:\/\/github.com\/gree\/GreePlatformSDKCocos2dx.git\n$cd GreePlatformSDKCocos2dx    # top of the cloned directory\n$.\/setup.sh<\/pre>\n
setup.sh downloads Cocos2d-x source code and adds GREE Platform SDK for Cocos2d-x to it. It also provides a sample application which connects to the GREE Platform.<\/p>\n
Install template for Xcode<\/h3>\n
\n$cd cocos2dx-2.0-x-x.x.x<\/pre>\n
Usually one would execute install-templates-xcode.sh to install Cocos2d-x templates for Xcode. This library however provides a install-gree-templates-xcode.sh file that installs GREE Platform SDK templates for Xcode.
\nPlease execute it with sudo.<\/p>\n
\n$sudo .\/install-gree-templates-xcode.sh\nPassword:\ncocos2d-x template installer including gree-extension\ncocos2d-x template installer\n\n\n\nInstalling Xcode 4 cocos2d-x iOS template\n----------------------------------------------------\n\ntemplates already installed. To force a re-install use the '-f' parameter\n\n\n\nInstalling Xcode 4 cocos2d-x gree_extension iOS template\n----------------------------------------------------\n\n...copying gree extension files\ndone!<\/pre>\n
If successful, the template for gree_extension should now be installed under the \"~\/Library\/Developer\/Xcode\/Templates\/\" directory.<\/p>\n
Build your application<\/h3>\n
Launch Xcode.
\n\"\"<\/a><\/p>\n
Select \"Create a new Xcode project\".<\/p>\n
\"\"<\/a><\/p>\n
Select the \"cocos2dx_gree_extension\" template and click Next.<\/p>\n
\"\"<\/a>
\nFill in the Product name, Company Identifier and select Next.<\/p>\n
\"\"<\/a>
\nSpecify the location in which you wish to store the project to create, and select Create.<\/p>\n
\"\"<\/a>
\nIf everything went well, you now have a new cocos2d-x project for the GREE Platform.<\/p>\n
Now you need to add GREE Platform SDK libraries into your project. Please refer to the Developer\u2019s Guide I mentioned above for instructions on how to add them to your project.
\nI shall skip the detailed instructions for that in this article. After adding the libraries your project tree should look like this:<\/p>\n
\"\"<\/a><\/p>\n
Lastly, you have to set your GREE Application Id, Consumer Key, Consumer Secret in the init function of the \"GreePlatformDispatcher.mm\" file. This is the only part in which you are exposed to Objective-C code.<\/p>\n
\n-(id)init\n{\n    \/\/ Initialize GreePlatformSDK\n    NSDictionary* settings = [NSDictionary dictionaryWithObjectsAndKeys : GreeDevelopmentModeSandbox, GreeSettingDevelopmentMode, nil];\n\n    [GreePlatform initializeWithApplicationId : @\"xxxxx\" consumerKey : @\"xxxxxxxxxx\" consumerSecret : @\"xxxxxxxxxxxxxxxxxxxxxxxxxxxxxx\"  settings : settings delegate : self ];\n\n    return self;\n}<\/pre>\n
You can now click \"Run\" to build and execute the application on simulator.<\/p>\n
Currently, Authorizer(login\/logout), People(User\/Friends), Payment, ShareDialog, InviteDialog are supported, for which the same C++ APIs as Android can be used. Callbacks can also be handled with the same APIs.<\/p>\n
\"\"<\/a>
\n<\/p>\n
ShareDialog API<\/h3>\n
This is the ShareDialog API example included in the library (ShareDialog enables you to update images like ScreenShot on the server and share them with your friends).<\/p>\n
\n\/\/ To enable ShareDialog callback\nCCGreePlatform::setShareDialogDelegate(this);\n\n\/\/ Capture Application ScreenShot\nCCSize size = CCDirector::sharedDirector()->getWinSize();\nCCRenderTexture *tex = CCRenderTexture::renderTextureWithWidthAndHeight(size.width, size.height);\ntex->setPosition(ccp(size.width\/2, size.height\/2));\ntex->begin();\nthis->visit();\ntex->end();\nCCImage *img = tex->newCCImage();\n\n\/\/ Code for launching a ShareDialog\nCCGreeShareDialog *dialog = CCGreeShareDialog::create();\nCCDictionary *dict = CCDictionary::create();\ndict->setObject(new CCString(\"This is test share\"), GD_SHARE_DIALOG_PARAM_KEY_MESSAGE);\ndict->setObject(img, GD_SHARE_DIALOG_PARAM_KEY_IMG);\ndialog->setParams(dict);\ndialog->show();\n\n\/\/Callbacks\nvoid HelloWorld::shareDialogOpened(CCGreeShareDialog *dialog){\n}\nvoid HelloWorld::shareDialogCompleted(CCGreeShareDialog *dialog, CCArray *userArray){\n}\nvoid HelloWorld::shareDialogClosed(CCGreeShareDialog *dialog){\n}<\/pre>\n
\"\"<\/a><\/p>\n
As you may have noticed, for this case the iOS version requires less steps than the Android version to accomplish the same task.<\/p>\n
WebView Plugin<\/h3>\n
I shall now talk about the new WebView plugin I added to GREE Platform SDK for Cocos2dx.
\nWith this new plugin, you can now use WebView on both Android and iOS with the same Cocos2d-x code.
\nYou can specify whether to use both GREE Platform features or just the WebView plugin with setup.sh.<\/p>\n
\n$.\/setup.sh -m all  # prepare both of GREE Platform SDK and WebView plugin\n$.\/setup.sh -m webview # only setup WebView plugin<\/pre>\n
Install the WebView plugin template for Xcode with the install-webview-templates-xcode.sh file.<\/p>\n
\n$ sudo .\/install-webview-templates-xcode.sh<\/pre>\n
This should add a new cocos2dx_webview_plugin template that you can select from Xcode.<\/p>\n
\"\"<\/a><\/p>\n
After creating the project, click Run to build and execute the application.<\/p>\n
\"\"<\/a><\/p>\n
The Cocos2d-x webpage should be displayed.<\/p>\n
Using it is simple:<\/p>\n
\n    \/\/CCWebView Test \n    pWebView = CCWebView::create();\n    pWebView->setRect(100, 100, size.width - 110, size.height - 20);\n    pWebView->setVisibility(true);\n    pWebView->loadUrl(\"http:\/\/www.cocos2d-x.org\/\");<\/pre>\n
This example is on iOS, but you can achieve the same result in Android with the same code.<\/p>\n
Summary<\/h3>\n
Cross platform support is one of the key features of Cocos2d-x. With Cocos2d-x, you can build applications for different platforms (e.g. Android, iOS), and also integrate GREE Platform support for your application with a single codebase.
\nI hope this article invoked enough interest in you to motivate you to try it out for yourself.
\nThanks a lot for reading.<\/p>\n","protected":false},"excerpt":{"rendered":"
Hi everyone, I'm Kazuma from GREE. First of all, i'm sorry for the long blank since my previous article below. […]<\/p>\n","protected":false},"author":42,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[9],"tags":[171],"class_list":["post-7773","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-info","tag-info"],"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/labs.gree.jp\/blog\/wp-json\/wp\/v2\/posts\/7773","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/labs.gree.jp\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/labs.gree.jp\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/labs.gree.jp\/blog\/wp-json\/wp\/v2\/users\/42"}],"replies":[{"embeddable":true,"href":"https:\/\/labs.gree.jp\/blog\/wp-json\/wp\/v2\/comments?post=7773"}],"version-history":[{"count":3,"href":"https:\/\/labs.gree.jp\/blog\/wp-json\/wp\/v2\/posts\/7773\/revisions"}],"predecessor-version":[{"id":21174,"href":"https:\/\/labs.gree.jp\/blog\/wp-json\/wp\/v2\/posts\/7773\/revisions\/21174"}],"wp:attachment":[{"href":"https:\/\/labs.gree.jp\/blog\/wp-json\/wp\/v2\/media?parent=7773"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/labs.gree.jp\/blog\/wp-json\/wp\/v2\/categories?post=7773"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/labs.gree.jp\/blog\/wp-json\/wp\/v2\/tags?post=7773"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}