Corona Handson #0

ColonaLabs.com13年2月9日土曜日

http://www.anscamobile.com


ColonaLabs.com

　　　Code Less, Play More ! 　　with　Corona SDK #0

CoronaSDK Ambassador　　　　　小野　哲生

13年2月9日土曜日



ColonaLabs.com

Corona SDK って、ご存知ですか？

はじめに。。。




ColonaLabs.com

Corona SDK って、ご存知ですか？




ColonaLabs.com

• クロスプラットフォームな開発ツール

• 開発言語　Lua

• Corona Labs 社　( coronalabs.com )

Corona SDK とは？




ColonaLabs.com

• Objective-C, Java不要（１行も！）

• 物理演算（２,３行で！）

• ネイティブ機能へのアクセス

Corona SDK の特徴は？




ColonaLabs.com

• 軽量・高速なスクリプト言語

• 言語自体に機能を備えない

• ソニック、ヤマハのルータ、VOCALOID3

Lua 言語とは？




ColonaLabs.com

ちなみに。。。

• Lua は、ポルトガル語で「月」のこと

• Corona は、英語で「太陽の周りのモワッとしたヤツ」のこと ♨




ColonaLabs.com

Coronaアプリの紹介☞




ColonaLabs.com

初めてリリースした、２ヶ月で開発したアプリの場合（プログラミングは１ヶ月☝）

Coronaアプリの紹介☞




ColonaLabs.com

テキストの表示




ColonaLabs.com

--テキストを表示local hello = display.newText(

"Hello,Corona！", 0, 20, native.systemFont, 44)




ColonaLabs.com

画像の表示




ColonaLabs.com

--背景画像を表示local mBackground = display.newImage("background.png")

--端末のwの取得local _W = display.contentWidth--端末のhの取得local _H = display.contentHeight

--画像の呼出しlocal mRect1 = display.newImage("Rect1.png", 0, 0)--表示位置を中央に設定mRect1.x = _W/2; mRect1.y = _H/2




ColonaLabs.com

オブジェクトの回転




ColonaLabs.com

local _W = display.contentWidthlocal _H = display.contentHeight--四角形オブジェクトを生成local hoge = display.newRect(_W/2 -50, _H/2 -5, 100, 10)

--enterFrame関数local function animate( event ) --毎enterFrameごと１度回転（時計回り） hoge.rotation = hoge.rotation + 1end

--enterFrame関数の呼出しRuntime:addEventListener( "enterFrame", animate );




ColonaLabs.com

タッチイベントと物理演算




ColonaLabs.com

--物理シミュレーションの呼出しlocal physics = require("physics")--物理シミュレーションの開始physics.start()--タッチイベントの関数local function onTouch(event) if(event.phase == "began") then --ボールの呼出し local mBall = display.newImage("Ball.png", myX, myY) --ボールのx,yにタッチ位置のx,yを代入 mBall.x = event.x mBall.y = event.y --ボールに密度１、摩擦０．１、反発０．５を設定 physics.addBody(mBall, {density = 1, friction = 0.1, bounce = 0.5}) endend--タッチイベントの関数呼出しRuntime:addEventListener("touch", onTouch);




ColonaLabs.com

時間の取得




ColonaLabs.com

local _W = display.contentWidthlocal _H = display.contentHeight--時オブジェクトlocal hourField = display.newText( "", 0, 0, "HelveticaNeue-Light", 60 )--分オブジェクトlocal minuteField = display.newText( "", 0, 0, "HelveticaNeue-Light", 60 )--秒オブジェクトlocal obj2 = display.newText("",0, 0, "HelveticaNeue-Light", 60 )

hourField.x = _W/2 -80; hourField.y = _H/2minuteField.x = _W/2; minuteField.y = _H/2obj2.x = _W/2 +80; obj2.y = _H/2

--時刻アップデートlocal function updateTime() --timeにOSから取得した時刻を設定 local time = os.date("*t") --hourTextにtimeから時を取得 local hourText = time.hour --minuteTextにtimeから分を取得 local minuteText = time.min --secondText2にtimeから秒を取得 local secondText2 = time.sec --hourTextが１桁なら if (hourText < 10) then --hourTextの１０の位を０にする hourText = "0" .. hourText end --時オブジェクトにhourTextの値を代入 hourField.text = hourText --minuteText が１桁なら if (minuteText < 10) then --minuteTextの１０の位を０にする minuteText = "0" .. minuteText end --分オブジェクトにminuteTextの値を代入 minuteField.text = minuteText --secondText2 が１桁なら if (secondText2 < 10) then --secondText2の１０の位を０にする secondText2 = "0" .. secondText2 end --秒オブジェクトにsecondText2の値を代入 obj2.text = secondText2end--時刻アップデートの呼出しupdateTime()

--500ミリ秒ごとにタイマーをアップデートをずっと繰り返すlocal clockTimer = timer.performWithDelay( 500, updateTime, -1 )

--clockに時オブジェクトを追加clock:insert( hourField, true )--clockに分オブジェクトを追加clock:insert( minuteField, true )--clockに秒オブジェクトを追加clock:insert( obj2, true )


ColonaLabs.com

組み合わせで出来たアプリ

「drops」の紹介☞




ColonaLabs.com

Demo




ColonaLabs.com

• Simple　スッキリしていること

• Easy　　ハッキリしていること

• Beautiful　ウットリできること

Concept




ColonaLabs.com

• Less Colors　色数を少なくする

• One Action　一つの動作で楽しめる

• Calm　　　穏やかで落ち着く

What I should ?































ColonaLabs.com

• 非ゲーマー

• 簡単な操作を求めるユーザー

• 静かに楽しみたいユーザー

Who is target ?




ColonaLabs.com

• 非広告モデル

• 有料＋アプリ内課金

• CoronaSDK を生かした販売

How to sell ?




ColonaLabs.com

• 　　　 ( iPhone・iPad 両対応 )

• 　　　 ( 画面比率の違いも大丈夫 )

• ( Android 搭載なので☝ )

Platform




ColonaLabs.com

• dropsで利用した動き単位パーツDL

☞ https://github.com/TetsuoOno

simple sample




https://github.com/TetsuoOno

https://github.com/TetsuoOno

ColonaLabs.com

アプリに最低限必要なこと




ColonaLabs.com

• 基本的な描画系を抑える

• 基本的なタッチイベントを抑える

• 基本的な画面遷移を抑える

アプリに最低限必要なこと...




ColonaLabs.com

　もっと大事なのは。。。




ColonaLabs.com

もっと大事なのは。。。

• 始めること☝

• 自分の頭で考えること☝

• 作り上げること☝




ColonaLabs.com

Corona SDKAMBASSADOR

　今さら自己紹介ですが。。。w

　私、　　　　　　　　しております。




ColonaLabs.com

　　　　　　　　　　って、なぁに？Corona SDKAMBASSADOR

• ようするにエバンジェリストです

• １ヶ月か２ヶ月に一回、MeetUpします

• ボランティアです




ColonaLabs.com

　　　　　　　　　　として、こんなことCorona SDKAMBASSADOR

• CoronaSDK紹介記事を「Smartphone World」 4月号に寄稿




ColonaLabs.com


• Startup Weekend ISHINOMAKI にて IT Boot Camp 講師として、錚々たる諸先輩に混じって石巻工業高校にて CoronaSDKを教える




ColonaLabs.com


• 会社から夜行で直行、夜行で直接出社w




ColonaLabs.com


豪華講師陣• Google　及川さん• 高橋さん• GClue　佐々木さん (以上Hack For Japan)

• 日本コロナの会会長　山本さん• “技術”も”知識”も初心者とほぼ同じ！僕




ColonaLabs.com





ColonaLabs.com





ColonaLabs.com





ColonaLabs.com





ColonaLabs.com





ColonaLabs.com





ColonaLabs.com





ColonaLabs.com





ColonaLabs.com





ColonaLabs.com


• BCNランキングにご紹介いただきました




ColonaLabs.com


• Software Design １月号 IT BootCamp座談会掲載




ColonaLabs.com

Corona SDKAMBASSADOR　　　　　　　　　　とは言うものの




ColonaLabs.com

Corona SDKAMBASSADOR　　　　　　　　　　とは言うものの

• 一昨年１月まで建築の設計してました

• プログラマー歴は、１年半ほどです

• CoronaSDKも１年ほどです




ColonaLabs.com

だから。。。




ColonaLabs.com

しかも、クロスプラットフォームで

あなたにもサクッとアプリがつくれちゃうんです




ColonaLabs.com

Corona SDK ならね☝

そう、




ColonaLabs.com

ご清聴ありがとうございました

#1へ　つづく。。。




Documents

Corona Handson #0