Storyboard API  [Corona SDK]  CoronaSDK 勉強会 in 渋谷        2012.02.01        @keygx
自己紹介鍵山 征彦(かぎやま ゆきひこ)・デザイナ兼エンジニア・スマートフォン・アプリ開発歴 2年弱・Corona SDK歴 約10ヶ月Twitter: @keygxblog: http://keygx.blogspot.comapps: ht...
keygx apps「iPhone」     Corona SDK               …「Android」                          …
はじめに        Storyboardは  Corona SDKのイチAPIですが   わりかしCorona SDKでの       アプリ開発の大枠に       関係するお話かも
Storyboardって何?iOS 5 SDKの「Storyboard」ではありませんCorona SDKの「Storyboard」です http://developer.anscamobile.com/content/storyboard
Storyboardとは?Director Classが担っていた画面(scene)を管理するAPI※Director Classというのはそういう名前のライブラリです※画面遷移のあるアプリでは必須(=全てのアプリに必須)以前「Director...
まぁぶっちゃけアレですねこれまでサードパーティのライブラリに頼っていた機能が標準で組み込まれたのでこれからは「Storyboard」使ってねということらしい※Corona Simulatorの「New Project」で作成される サンプルコー...
何ができるのか?・画面遷移のコントロール ※エフェクト付・画面のライフサイクルに 合わせた処理の記述※Director Classにあった画面間の値の受け渡しはないっぽい
メソッド・storyboard.getPrevious()・storyboard.getScene()・storyboard.gotoScene()・storyboard.newScene()・storyboard.purgeAll()・sto...
エフェクト・storyboard.gotoScene(sceneName [, effect, effectTime])  fade                    zoomInOutFadeRotate  zoomOutIn        ...
サンプルファイルサンプルを見てみよう!ansca / Storyboard-Samplehttps://github.com/ansca/Storyboard-Sample
サンプルファイル 構成Storyboard-Sampleのluaファイル
サンプルファイル 概要・main.lua scene1.luaを読み込んでいるだけ ※タブUIがありますが、見せかけだけです(使い回し?)・scene1.lua scene4.lua 基本的に同梱されている「scenetemplate.lua」...
サンプルコード 注目点①・main.lua --[[一部抜粋--]] local storyboard = require "storyboard" storyboard.gotoScene("scene1")     mainでは最初の画面を...
サンプルコード 注目点②・scene1.lua scene4.lua  --[[一部抜粋--]]  function scene:createScene(event)  function scene:enterScene(event)  fun...
サンプルコード 注目点③・scene1.lua scene4.lua  --[[一部抜粋--]]  function scene:createScene( event )     local screenGroup = self.view   ...
サンプルコード 注目点④・scene1.lua scene4.lua  --[[一部抜粋--]]  function scene:enterScene( event )     storyboard.purgeScene( "scene4" )...
LTなんで、かなりざっくりですが…main.luaは最初に表示したい画面を指定アプリとしてのメインの画面はサンプルでいうscene1.lua実際のアプリでは、メイン画面、設定画面、About画面などをゲームなら複数のシーン等を遷移できるようにし...
でもこんな説明だけじゃ解らないですよね。サンプルもイマイチだし…
というわけでサンプルを公開します以前勉強会でつくった「Pac-Pac Droid」というアプリをStoryboard APIを使ったものにしましたhttps://github.com/keygx/PacPacDroid             ...
まとめ①       "Hello World"の次は  Storyboard API   (もしくはDirector Class)         を勉強するのが         おすすめです!
まとめ②       なんとなくでも  Corona SDKでのアプリ開発の   イメージがわいてきた!   と思っていただけたなら       幸いです (^^)/
参照情報◆APIリファレンスhttp://developer.anscamobile.com/content/storyboard◆ansca / Storyboard-Samplehttps://github.com/ansca/Storyb...
質問は日本コロナの会へw◆メーリングリストhttp://groups.google.co.jp/group/coronaja/subscribe◆Twitterhttp://twitter.com/JapanCoronaGrp         ...
ご静聴ありがとうございました
Upcoming SlideShare
Loading in …5
×

Storyboard

11,593 views

Published on

  • Be the first to comment

Storyboard

  1. 1. Storyboard API [Corona SDK] CoronaSDK 勉強会 in 渋谷 2012.02.01 @keygx
  2. 2. 自己紹介鍵山 征彦(かぎやま ゆきひこ)・デザイナ兼エンジニア・スマートフォン・アプリ開発歴 2年弱・Corona SDK歴 約10ヶ月Twitter: @keygxblog: http://keygx.blogspot.comapps: http://keygx-app.appspot.com
  3. 3. keygx apps「iPhone」 Corona SDK …「Android」 …
  4. 4. はじめに Storyboardは Corona SDKのイチAPIですが わりかしCorona SDKでの アプリ開発の大枠に 関係するお話かも
  5. 5. Storyboardって何?iOS 5 SDKの「Storyboard」ではありませんCorona SDKの「Storyboard」です http://developer.anscamobile.com/content/storyboard
  6. 6. Storyboardとは?Director Classが担っていた画面(scene)を管理するAPI※Director Classというのはそういう名前のライブラリです※画面遷移のあるアプリでは必須(=全てのアプリに必須)以前「Director Class 入門 [Corona SDK]」というブログを書きましたhttp://keygx.blogspot.com/2011/09/director-class-corona-sdk.html
  7. 7. まぁぶっちゃけアレですねこれまでサードパーティのライブラリに頼っていた機能が標準で組み込まれたのでこれからは「Storyboard」使ってねということらしい※Corona Simulatorの「New Project」で作成される サンプルコードもStoryboard使っていますね※Director Classもまだまだ使えるので、選択肢が増えた程度に 思っていますが…
  8. 8. 何ができるのか?・画面遷移のコントロール ※エフェクト付・画面のライフサイクルに 合わせた処理の記述※Director Classにあった画面間の値の受け渡しはないっぽい
  9. 9. メソッド・storyboard.getPrevious()・storyboard.getScene()・storyboard.gotoScene()・storyboard.newScene()・storyboard.purgeAll()・storyboard.purgeScene()・storyboard.removeAll()・storyboard.removeScene()
  10. 10. エフェクト・storyboard.gotoScene(sceneName [, effect, effectTime]) fade zoomInOutFadeRotate zoomOutIn fromRight (over original scene) zoomOutInFade fromLeft (over original scene) zoomInOut fromTop (over original scene) zoomInOutFade fromBottom (over original scene) flip slideLeft (pushes original scene) flipFadeOutIn slideRight (pushes original scene) zoomOutInRotate slideDown (pushes original scene) zoomOutInFadeRotate slideUp (pushes original scene) zoomInOutRotate crossFade
  11. 11. サンプルファイルサンプルを見てみよう!ansca / Storyboard-Samplehttps://github.com/ansca/Storyboard-Sample
  12. 12. サンプルファイル 構成Storyboard-Sampleのluaファイル
  13. 13. サンプルファイル 概要・main.lua scene1.luaを読み込んでいるだけ ※タブUIがありますが、見せかけだけです(使い回し?)・scene1.lua scene4.lua 基本的に同梱されている「scenetemplate.lua」に沿って 記述されています 以下ポイントとなる部分のみご紹介します
  14. 14. サンプルコード 注目点①・main.lua --[[一部抜粋--]] local storyboard = require "storyboard" storyboard.gotoScene("scene1") mainでは最初の画面を指定しているのみ
  15. 15. サンプルコード 注目点②・scene1.lua scene4.lua --[[一部抜粋--]] function scene:createScene(event) function scene:enterScene(event) function scene:exitScene(event) function scene:destroyScene(event) シーンのライフサイクル
  16. 16. サンプルコード 注目点③・scene1.lua scene4.lua --[[一部抜粋--]] function scene:createScene( event ) local screenGroup = self.view image = display.newImage( "bg.jpg" ) screenGroup:insert( image ) end ディスプレイ・オブジェクトをグループ化
  17. 17. サンプルコード 注目点④・scene1.lua scene4.lua --[[一部抜粋--]] function scene:enterScene( event ) storyboard.purgeScene( "scene4" ) end 前の画面をパージ
  18. 18. LTなんで、かなりざっくりですが…main.luaは最初に表示したい画面を指定アプリとしてのメインの画面はサンプルでいうscene1.lua実際のアプリでは、メイン画面、設定画面、About画面などをゲームなら複数のシーン等を遷移できるようにしていきます
  19. 19. でもこんな説明だけじゃ解らないですよね。サンプルもイマイチだし…
  20. 20. というわけでサンプルを公開します以前勉強会でつくった「Pac-Pac Droid」というアプリをStoryboard APIを使ったものにしましたhttps://github.com/keygx/PacPacDroid 他にも ・Physics ・collision ・movieclip とか
  21. 21. まとめ① "Hello World"の次は Storyboard API (もしくはDirector Class) を勉強するのが おすすめです!
  22. 22. まとめ② なんとなくでも Corona SDKでのアプリ開発の イメージがわいてきた! と思っていただけたなら 幸いです (^^)/
  23. 23. 参照情報◆APIリファレンスhttp://developer.anscamobile.com/content/storyboard◆ansca / Storyboard-Samplehttps://github.com/ansca/Storyboard-Sample◆Common Storyboard API Questionshttp://blog.anscamobile.com/2011/11/common-storyboard-api-questions/◆Introducing the Storyboard APIhttp://blog.anscamobile.com/2011/11/introducing-the-storyboard-api/
  24. 24. 質問は日本コロナの会へw◆メーリングリストhttp://groups.google.co.jp/group/coronaja/subscribe◆Twitterhttp://twitter.com/JapanCoronaGrp 情報共有のためにも どんどん質問しちゃえば いいと思うよ!
  25. 25. ご静聴ありがとうございました

×