Corona Handson #0

Preview:

DESCRIPTION

Corona Handson #0 0限目として、CoronaSDKの紹介とCoronaSDK Ambassadorとしての活動について

Citation preview

ColonaLabs.com13年2月9日土曜日

ColonaLabs.com

   Code Less, Play More !   with Corona SDK #0

CoronaSDK Ambassador     小野 哲生

13年2月9日土曜日

ColonaLabs.com

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

はじめに。。。

13年2月9日土曜日

ColonaLabs.com

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

13年2月9日土曜日

ColonaLabs.com

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

• 開発言語 Lua

• Corona Labs 社 ( coronalabs.com )

Corona SDK とは?

13年2月9日土曜日

ColonaLabs.com

• Objective-C, Java不要(1行も!)

• 物理演算(2,3行で!)

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

Corona SDK の特徴は?

13年2月9日土曜日

ColonaLabs.com

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

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

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

Lua 言語 とは?

13年2月9日土曜日

ColonaLabs.com

ちなみに。。。

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

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

13年2月9日土曜日

ColonaLabs.com

Coronaアプリの紹介☞

13年2月9日土曜日

ColonaLabs.com

初めてリリースした、2ヶ月で開発したアプリの場合(プログラミングは1ヶ月☝)

Coronaアプリの紹介☞

13年2月9日土曜日

ColonaLabs.com

テキストの表示

13年2月9日土曜日

ColonaLabs.com

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

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

13年2月9日土曜日

ColonaLabs.com

画像の表示

13年2月9日土曜日

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

13年2月9日土曜日

ColonaLabs.com

オブジェクトの回転

13年2月9日土曜日

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ごと1度回転(時計回り) hoge.rotation = hoge.rotation + 1end

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

13年2月9日土曜日

ColonaLabs.com

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

13年2月9日土曜日

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 --ボールに密度1、摩擦0.1、反発0.5を設定 physics.addBody(mBall, {density = 1, friction = 0.1, bounce = 0.5}) endend--タッチイベントの関数呼出しRuntime:addEventListener("touch", onTouch);

13年2月9日土曜日

ColonaLabs.com

時間の取得

13年2月9日土曜日

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が1桁なら if (hourText < 10) then --hourTextの10の位を0にする hourText = "0" .. hourText end --時オブジェクトにhourTextの値を代入 hourField.text = hourText --minuteText が1桁なら if (minuteText < 10) then --minuteTextの10の位を0にする minuteText = "0" .. minuteText end --分オブジェクトにminuteTextの値を代入 minuteField.text = minuteText --secondText2 が1桁なら if (secondText2 < 10) then --secondText2の10の位を0にする 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 )

13年2月9日土曜日

ColonaLabs.com

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

「drops」の紹介☞

13年2月9日土曜日

ColonaLabs.com

Demo

13年2月9日土曜日

ColonaLabs.com

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

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

• Beautiful  ウットリできること

Concept

13年2月9日土曜日

ColonaLabs.com

• Less Colors 色数を少なくする

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

• Calm    穏やかで落ち着く

What I should ?

13年2月9日土曜日

ColonaLabs.com13年2月9日土曜日

ColonaLabs.com13年2月9日土曜日

ColonaLabs.com13年2月9日土曜日

ColonaLabs.com13年2月9日土曜日

ColonaLabs.com13年2月9日土曜日

ColonaLabs.com13年2月9日土曜日

ColonaLabs.com13年2月9日土曜日

ColonaLabs.com13年2月9日土曜日

ColonaLabs.com13年2月9日土曜日

ColonaLabs.com

• 非ゲーマー

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

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

Who is target ?

13年2月9日土曜日

ColonaLabs.com

• 非広告モデル

• 有料+アプリ内課金

• CoronaSDK を生かした販売

How to sell ?

13年2月9日土曜日

ColonaLabs.com

•     ( iPhone・iPad 両対応 )

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

• ( Android 搭載なので☝ )

Platform

13年2月9日土曜日

ColonaLabs.com

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

☞ https://github.com/TetsuoOno

simple sample

13年2月9日土曜日

ColonaLabs.com

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

13年2月9日土曜日

ColonaLabs.com

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

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

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

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

13年2月9日土曜日

ColonaLabs.com

 もっと大事なのは。。。

13年2月9日土曜日

ColonaLabs.com

もっと大事なのは。。。

• 始めること☝

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

• 作り上げること☝

13年2月9日土曜日

ColonaLabs.com

Corona SDKAMBASSADOR

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

 私、        しております。

13年2月9日土曜日

ColonaLabs.com

          って、なぁに?Corona SDKAMBASSADOR

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

• 1ヶ月か2ヶ月に一回、MeetUpします

• ボランティアです

13年2月9日土曜日

ColonaLabs.com

          として、こんなことCorona SDKAMBASSADOR

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

13年2月9日土曜日

ColonaLabs.com

          として、こんなことCorona SDKAMBASSADOR

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

13年2月9日土曜日

ColonaLabs.com

          として、こんなことCorona SDKAMBASSADOR

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

13年2月9日土曜日

ColonaLabs.com

          として、こんなことCorona SDKAMBASSADOR

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

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

13年2月9日土曜日

ColonaLabs.com

          として、こんなことCorona SDKAMBASSADOR

13年2月9日土曜日

ColonaLabs.com

          として、こんなことCorona SDKAMBASSADOR

13年2月9日土曜日

ColonaLabs.com

          として、こんなことCorona SDKAMBASSADOR

13年2月9日土曜日

ColonaLabs.com

          として、こんなことCorona SDKAMBASSADOR

13年2月9日土曜日

ColonaLabs.com

          として、こんなことCorona SDKAMBASSADOR

13年2月9日土曜日

ColonaLabs.com

          として、こんなことCorona SDKAMBASSADOR

13年2月9日土曜日

ColonaLabs.com

          として、こんなことCorona SDKAMBASSADOR

13年2月9日土曜日

ColonaLabs.com

          として、こんなことCorona SDKAMBASSADOR

13年2月9日土曜日

ColonaLabs.com

          として、こんなことCorona SDKAMBASSADOR

13年2月9日土曜日

ColonaLabs.com

          として、こんなことCorona SDKAMBASSADOR

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

13年2月9日土曜日

ColonaLabs.com

          として、こんなことCorona SDKAMBASSADOR

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

13年2月9日土曜日

ColonaLabs.com

Corona SDKAMBASSADOR          とは言うものの

13年2月9日土曜日

ColonaLabs.com

Corona SDKAMBASSADOR          とは言うものの

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

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

• CoronaSDKも1年ほどです

13年2月9日土曜日

ColonaLabs.com

だから。。。

13年2月9日土曜日

ColonaLabs.com

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

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

13年2月9日土曜日

ColonaLabs.com

Corona SDK ならね☝

そう、

13年2月9日土曜日

ColonaLabs.com

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

#1へ つづく。。。

13年2月9日土曜日