25
ColonaLabs.com 1329日土曜日

Corona HandsOn #1

Embed Size (px)

Citation preview

Page 1: Corona HandsOn #1

ColonaLabs.com13年2月9日土曜日

Page 2: Corona HandsOn #1

ColonaLabs.com

   Code Less, Play More !   with Corona SDK #1

CoronaSDK Ambassador     小野 哲生

13年2月9日土曜日

Page 3: Corona HandsOn #1

ColonaLabs.com

Corona SDK での表示あれこれ

一限目。。。キーンコーン♪

カーンコーン♪

13年2月9日土曜日

Page 4: Corona HandsOn #1

ColonaLabs.com

Corona SDK での表示あれこれ

• テキストの表示

• 画像の読み込み

• 図形の描画

13年2月9日土曜日

Page 5: Corona HandsOn #1

ColonaLabs.com

Corona SDK での表示あれこれ

でも、その前に。。。

13年2月9日土曜日

Page 6: Corona HandsOn #1

ColonaLabs.com

でも、その前に。。。

• 開発環境について

• アプリフォルダについて

• Luaの記述について

13年2月9日土曜日

Page 7: Corona HandsOn #1

ColonaLabs.com

Corona SDK での開発環境について

• 面倒な環境設定  。。。不要

• Emulator・OS SDK  。。。不要 (※)

• 言語(開発言語) 。。。英語(Lua)

13年2月9日土曜日

Page 8: Corona HandsOn #1

ColonaLabs.com

Corona SDK での開発環境について

13年2月9日土曜日

Page 9: Corona HandsOn #1

ColonaLabs.com

Corona SDK での開発環境について

13年2月9日土曜日

Page 10: Corona HandsOn #1

ColonaLabs.com

Corona SDK のアプリフォルダについて

13年2月9日土曜日

Page 11: Corona HandsOn #1

ColonaLabs.com

Corona SDK のアプリフォルダについて

• build.settings

• config.lua

• main.lua

13年2月9日土曜日

Page 12: Corona HandsOn #1

ColonaLabs.com

Corona SDK のアプリフォルダについて

• build.settings

• config.lua

• main.lua

13年2月9日土曜日

Page 13: Corona HandsOn #1

ColonaLabs.com

Corona SDK のアプリフォルダについて

• build.settings

• config.lua

• main.lua

13年2月9日土曜日

Page 14: Corona HandsOn #1

ColonaLabs.com

Corona SDK のLuaの記述について

• -- コメント、--[[ 複数行コメント ]]--

• if( 条件 )then --処理、文末の ; 不要 end

• for 初期値, 終了値, 増分値 do --処理 end

13年2月9日土曜日

Page 15: Corona HandsOn #1

ColonaLabs.com

• テキストの表示

Corona SDK での表示あれこれ

local hello = display.newText("Hello,Corona!", 0, 20, native.systemFont, 44)

13年2月9日土曜日

Page 16: Corona HandsOn #1

ColonaLabs.com

Corona SDK での表示あれこれ

local objB = display.newImage( "objB.png", 0, 0 )

local objY = display.newImage( "objY.png", 20, 20 )

• 画像の表示

13年2月9日土曜日

Page 17: Corona HandsOn #1

ColonaLabs.com

• 図形の描画、色、アルファ値

Corona SDK での表示あれこれ

local rect = display.newRect(20, 20, 100, 100 )

rect:setFillColor( 250, 130, 10, 255 )rect.alpha = 0.5

13年2月9日土曜日

Page 18: Corona HandsOn #1

ColonaLabs.com

• オブジェクトの原点

Corona SDK での表示あれこれ

local rect = display.newRect(20, 20, 100, 100 )

rect:setFillColor( 250, 130, 10, 255 )rect.x = 150 ; rect.y = 150

local rect2 = display.newRect( 0, 0, 150, 150 )

13年2月9日土曜日

Page 19: Corona HandsOn #1

ColonaLabs.com

• オブジェクトの拡大縮小

Corona SDK での表示あれこれ

local rect = display.newRect(20, 20, 100, 100 )

rect:setFillColor( 250, 130, 10, 255 )rect.x = 150 ; rect.y = 150rect:scale( 2, 2 )local rect2 = display.newRect( 0, 0, 150, 150 )rect2:scale( 0.5, 0.5 )

13年2月9日土曜日

Page 20: Corona HandsOn #1

ColonaLabs.com

• オブジェクトの相対位置表示

Corona SDK での表示あれこれ

local _W = display.contentWidthlocal _H = display.contentHeight

local rect2 = display.newRect( 0, 0, 150, 150 )rect2.x = _W /2 ; rect2.y = _H /2

13年2月9日土曜日

Page 21: Corona HandsOn #1

ColonaLabs.com

• オブジェクトの回転表示

Corona SDK での表示あれこれ

local _W = display.contentWidthlocal _H = display.contentHeight

local rect2 = display.newRect( 0, 0, 150, 150 )rect2.x = _W /2 ; rect2.y = _H /2rect2.rotation = 45

13年2月9日土曜日

Page 22: Corona HandsOn #1

ColonaLabs.com

Corona SDK での表示あれこれ

local objB = display.newImage( "objB.png", 0, 0 )

※ config.luawidth = 640 , height = 960,

• 画面全体の伸縮

13年2月9日土曜日

Page 23: Corona HandsOn #1

ColonaLabs.com

  Corona SDK #1 まとめ

13年2月9日土曜日

Page 24: Corona HandsOn #1

ColonaLabs.com

  Corona SDK #1 まとめ

• テキスト・画像表示、図形描画

• 色・アルファ値、原点、拡大縮小

• 相対位置表示、回転表示、画面伸縮

13年2月9日土曜日

Page 25: Corona HandsOn #1

ColonaLabs.com

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

#2へ つづく。。。

13年2月9日土曜日