ngCore engine for mobage platform

ngCore Enginefor mobage platform,[object Object],Toru Yamaguchi <zigorou@dena.jp>,[object Object],DeNA,co.,ltd,[object Object]

My Profile,[object Object], Identity,[object Object], @zigorou, =zigorou, d:id:ZIGOROu,[object Object], Community,[object Object], Perl, Shibuya.pm, Yokohama.pm,[object Object], Japan Perl Association 理事,[object Object], Company,[object Object], Social API Developer ,[object Object]

Abstract,[object Object], What is ngCore?,[object Object], Architecture of ngCore ,[object Object], ngCore Social APIs,[object Object], Development and Performance,[object Object], Conclusion,[object Object]

1. What is ngCore?,[object Object],ngCore Engine for mobage platform,[object Object]

Cross devices,[object Object], ngCore とは,[object Object],ソーシャルアプリ向けの SDK です,[object Object], devices,[object Object], Android, iOS, Flash,[object Object], Development Language?,[object Object], Java でもなければ Objective-C でも C++ でもありません,[object Object],実際のコードはJavaScriptで記述します,[object Object],そして同じコードで全てのデバイスに対してアプリケーション開発が出来ます,[object Object]

Cross platform,[object Object],日本にも海外にも挑戦出来る,[object Object],モバゲータウン (Japan),[object Object],mobage (English speaking countries),[object Object],ngmocoの platform をベースにしたもの,[object Object], apps,[object Object],Deveiceごとの一般的なダウンロード (App Store, Android Market),[object Object],但し会員のベースは上記のプラットフォームがベースとなる,[object Object]

Features (1),[object Object], Live updating,[object Object],アプリケーションロジックは JavaScript なので通常の native app とは違い動的な更新が可能,[object Object],開発時はnode.jsで出来た配信サーバーと ngCore native app が通信して動的に更新可能,[object Object]

Features (2),[object Object], For Social Apps,[object Object], API designs is based on OSAPI (OpenSocial 1.1),[object Object], c.f.) social.common.people.get(params);,[object Object], For Social Games,[object Object], Push notification,[object Object], Game recommendation ,[object Object], User to user challenge,[object Object],対戦申し込み,[object Object], Geo Location ,[object Object]

Features (3),[object Object], Game developments (1),[object Object], 2D Sprite Engine, 2D Geometry Engine,[object Object],特に2Dのゲームに特化している,[object Object], Native UI Bindings,[object Object], Android Widget (Android), WebKit (iOS), Flash,[object Object], Physics,[object Object],Based on Box2D,[object Object],物理演算は各デバイスのネイティブコードで行われるため、高速に動作する,[object Object]

Features (4),[object Object], Game developments (2),[object Object], Audio,[object Object],マルチチャンネル、ミキシング,[object Object], Multi touch,[object Object], Motion,[object Object],アクセロメータ、ジャイロスコープ、コンパス、GPS,[object Object], Text and Fonts rendering,[object Object]

Features (5),[object Object], Standards (1),[object Object], JavaScript の Module システムはCommonJS Modules 1.0 に準拠,[object Object], Library,[object Object],exports.add = function() { /* impl */ };,[object Object], Usage,[object Object],var add = require(‘math’).add;,[object Object]

Features (6),[object Object], Standards (2),[object Object],デバイスごとの JavaScript Engine はECMAScript 3rd準拠,[object Object], V8 Engine (Android), JavaScriptCore (iOS),[object Object],部分的に ES Harmony の機能も使えます！,[object Object], getter/setter,[object Object],varobj = { get a() { /* getter */ }, set a() { /* setter */ } },[object Object],Array.prototype,[object Object],forEach, map, reduce …,[object Object],https://github.com/ry/node/wiki/ECMA-5-Mozilla-Features-Implemented-in-V8,[object Object]

Case of success,[object Object],ngmocoによる豊富な成功例,[object Object],http://www.ngmoco.com/games.php,[object Object]

2. Architecture of ngCore,[object Object],ngCore Engine for mobage platform,[object Object]

Common Architecture (1),[object Object],デバイスごとに共通なこと,[object Object],コンポーネントは3階層,[object Object], Game (開発者が書く JavaScript),[object Object],NgWebEngine (開発者が使う JavaScript Library),[object Object], NDK (JavaScript と Native Component との bridge 部分),[object Object],NgWebEngineは共通のインターフェースを持つが、NDK はデバイスごとに存在する,[object Object]

Common Architecture (2),[object Object],ngCore Engine,[object Object],Game Implementation,[object Object],(JavaScript),[object Object],Native UI,[object Object],Component,[object Object],Native App,[object Object],(NDK),[object Object],Game,[object Object],JavaScript,[object Object],(Library + Engine),[object Object],Native Browser,[object Object],Component,[object Object],Privileged,[object Object],JavaScript,[object Object],(Library Engine),[object Object],Native Graphic,[object Object],Component,[object Object],Platform Implementation,[object Object],(Privileged JavaScript),[object Object],NgWebEngine,[object Object],Native,[object Object],NDK,[object Object]

Android Environment,[object Object],ngCore Engine for Android,[object Object],Game Implementation,[object Object],(JavaScript),[object Object],Android,[object Object],Widget,[object Object],Native App,[object Object],(NDK),[object Object],Graphics,[object Object],Physics,[object Object],XHR,[object Object],Game,[object Object],JavaScript,[object Object],(V8),[object Object],WebKit,[object Object],Privileged,[object Object],JavaScript,[object Object],(V8),[object Object],OpenGL,[object Object],Platform Implementation,[object Object],(Privileged JavaScript),[object Object],NgWebEngine,[object Object],Native,[object Object],NDK,[object Object]

iOS Environment,[object Object],ngCore Engine for iOS,[object Object],Game Implementation,[object Object],(JavaScript),[object Object],UIKit,[object Object],Native App,[object Object],(NDK),[object Object],Location,[object Object],XHR,[object Object],Game,[object Object],JavaScript,[object Object],(UIWebView),[object Object],WebKit,[object Object],Privileged,[object Object],JavaScript,[object Object],(UIWebView),[object Object],OpenGL,[object Object],Platform Implementation,[object Object],(Privileged JavaScript),[object Object],NgWebEngine,[object Object],Native,[object Object],NDK,[object Object]

Application building,[object Object], Android,[object Object],記述した JavaScript コードをサーバーに上げるだけで済む,[object Object],端末に ngCore がアプリとしてインストールされていれば OK,[object Object],iOS,[object Object],技術的には Android と同じ事が可能,[object Object],が、しかし,[object Object],iOS license terms の制約により要パッケージング,[object Object]

Android application,[object Object],Application ( JavaScript ) ,[object Object],Application code をサーバーにアップするだけでコードの配信やバージョンの更新が可能,[object Object],Live updating,[object Object],Platform Web Server,[object Object],Application,[object Object],Application ( JavaScript ) ,[object Object],Application ( JavaScript ) ,[object Object],ngCore Engine for Android,[object Object]

iOS application,[object Object],iOSの場合はiOS license terms の制約によって、パッケージングしなければならない。,[object Object],Application ( JavaScript ) ,[object Object],Platform Web Server,[object Object],Application,[object Object],Application ( JavaScript ) ,[object Object],Application ( JavaScript ) ,[object Object],ngCore Engine for Android,[object Object]

3. ngCore Social APIs,[object Object],ngCore Engine for mobage platform,[object Object]

Caution!,[object Object],まず始めに,[object Object],このセクションの話は将来の話です,[object Object],ここで説明した内容がそのままリリースされるかを保障する内容ではございませんので予めご了承下さい,[object Object]

Overview (1),[object Object], Based on OpenSocial,[object Object], OSAPI like な interface,[object Object],social.common.people.get(params),[object Object],people, appdata, profanities (NG Word) は共通APIとして使える予定です,[object Object]

Overview (2),[object Object], Platform dependencies APIs,[object Object], Activity, Avatar, BlackList (モバゲーのみ),[object Object],Leaderboards (mobageのみ？),[object Object],この辺りはまだだいぶ未確定,[object Object]

People,[object Object],出来る事,[object Object],ユーザーのプロフィール取得 (nickname など),[object Object],ユーザーの友達一覧取得,[object Object],ユーザーの”ゲーム内での”友達一覧取得,[object Object],ゲームの中だけでの友達と言う概念,[object Object]

Appdata,[object Object], Key-value persistent storage,[object Object], application-user ユニークなデータを platform 側に保存出来ます,[object Object],デバイスを変更したとしても同一ユーザーであればデータを引き継げる,[object Object]

Activity (モバゲー),[object Object], Friends Activity Timeline,[object Object],現在はアプリケーションに関連する友達の状況がタイムラインとしてリアルタイムに表示されます,[object Object], API としてはこれらの Activity を post する事が出来ます,[object Object]

Leaderboards (mobage),[object Object],リアルタイムランキング,[object Object],ランキングの為のスコア送信,[object Object],現在のランキングを取得,[object Object],実はアプリケーションを横断したリアルタイムランキングはとてもコストが高い処理,[object Object],platform 側で引き受けます！,[object Object],この機能はモバゲーでもいずれ？,[object Object]

Others,[object Object],今後の Social API,[object Object], OpenSocial に無い独自のAPIを platform (WAP/PC/Smart Phone)として色々出す予定です,[object Object],位置情報やゲーム特化系,[object Object],コミュニティ系,[object Object],既存の OpenSocial base の API も機能拡張していきます,[object Object]

4. Development and Performance,[object Object],ngCore Engine for mobage platform,[object Object]

Development (1),[object Object],基本的な流れ,[object Object], SDK にnode.jsで出来た配布サーバーが添付されてます,[object Object],基本は環境ごとの ngCore app が既にあるので、配布サーバーにある JavaScript を編集し保存してから、アプリのリロードをすればすぐに確認出来ます,[object Object]

Development (2),[object Object],Check,[object Object],Edit,[object Object],and,[object Object],Save,[object Object],Native,[object Object],Build,[object Object],Build,[object Object],Create apk,[object Object],Install apk,[object Object],Run app,[object Object],Android,[object Object],with,[object Object],NDK,[object Object],Check,[object Object],Edit,[object Object],and,[object Object],Save,[object Object],Build,[object Object],Create apk,[object Object],Install apk,[object Object],Run app,[object Object],Android,[object Object],Standard,[object Object],Edit,[object Object],and,[object Object],Save,[object Object],Check,[object Object],Reload,[object Object],Android,[object Object],with,[object Object],WebView,[object Object],Edit,[object Object],and,[object Object],Save,[object Object],Check,[object Object],Reload,[object Object],ngCore,[object Object],for,[object Object],Android,[object Object]

Performance (1),[object Object],特に気になる描画まわり,[object Object],以下の実装で比較,[object Object], ngCore + JavaScript,[object Object], JavaScript + Canvas,[object Object], Java OpenGL ES 1.0,[object Object],実行環境,[object Object], HTC Desire / Desire HD,[object Object], Android OS 2.2,[object Object], ngCore SDK 1.0 ,[object Object]

Performance (2),[object Object], 64x64 の Tank を動かすアプリ,[object Object], Tank の数に応じた fps を計測,[object Object],Java OpenGL,[object Object],ngCore,[object Object],JavaScript + Canvas,[object Object]

Performance (3),[object Object],[object Object],fps,[object Object],Java OpenGL,[object Object],60,[object Object],ngCore,[object Object],50,[object Object],JavaScript + Canvas,[object Object],40,[object Object],30,[object Object],20,[object Object],10,[object Object],1,[object Object],10,[object Object],100,[object Object],200,[object Object],500,[object Object],1000,[object Object],Tankの数,[object Object]

Performance (4),[object Object],[object Object],fps,[object Object],Java OpenGL,[object Object],60,[object Object],ngCore,[object Object],50,[object Object],JavaScript + Canvas,[object Object],40,[object Object],30,[object Object],20,[object Object],10,[object Object],1,[object Object],10,[object Object],100,[object Object],200,[object Object],500,[object Object],1000,[object Object]

Performance (5),[object Object],ベンチマーク結果より,[object Object],概ね Canvas < ngCore < Java ,[object Object],但し Tank の数によってはまだまだ ngCore に改善の余地あり,[object Object],まだ開発中なので今後改善していきます,[object Object],遅くなってしまっている原因としては JavaScript <-> ngCore のやりとりがオブジェクトごとに発生しているからと思われる,[object Object],この辺りはまとめてハンドリング出来れば速度の向上が見込まれる,[object Object]

5. Conclusion,[object Object],ngCore Engine for mobage platform,[object Object]

Cross devices and platform,[object Object], Cross devices,[object Object], ngCore + JavaScript,[object Object], Cross platform,[object Object],ゲーム好きなユーザーの集まるモバゲータウン,[object Object],世界へのチャレンジとしてのmobage,[object Object]

ngCore features,[object Object], Game 特化,[object Object], We rule など既にヒットしているタイトルで実際に使われている安心感,[object Object],これを platform として出すメリットは、パートナーからの feedback でよりゲーム開発しやすい SDK に成長する可能性があると言う事,[object Object]

JavaScript,[object Object], Web 系開発では必須言語,[object Object],今までの経験をそのまま活かせる,[object Object], Standard,[object Object], ES Harmony, Common JS, DOM like な UI, OSAPI like な Social API,[object Object],極力覚える事が少なくなる様に,[object Object]

ngCore Development,[object Object], Live update,[object Object], Android では Web development のような感覚での application 更新が可能,[object Object],これは開発時に実装し、確認すると言う try and error が素早く繰り返せる,[object Object],慣れれば2, 3ヶ月に1本開発くらいの事は出来そうです。,[object Object]

Dive into ngCore!,[object Object], Please visit DeNA developer site,[object Object],http://developer.dena.jp/mbga/,[object Object],こちらで順次お知らせしていきます,[object Object],まずは法人登録を！,[object Object],我々とともに世界をビジネスの舞台にしていきましょう。,[object Object],ご清聴ありがとうございました,[object Object]

ngCore engine for mobage platform

ngCore engine for mobage platform

Recommended

More Related Content

What's hot

What's hot(20)

Similar to ngCore engine for mobage platform

Similar to ngCore engine for mobage platform(20)

More from Toru Yamaguchi

More from Toru Yamaguchi(17)

Recently uploaded

Recently uploaded(11)

ngCore engine for mobage platform