Corona HandsOn #1 １限目として、CoronaSDKでのテキスト・画像の表示、オブジェクトのプログラム的な描画について

1. ColonaLabs.com
13年2月9日土曜日

2. Code Less, Play More !
with Corona SDK #1
CoronaSDK Ambassador
小野 哲生
ColonaLabs.com
13年2月9日土曜日

3. 一限目。。。
キーンコーン♪
カーンコーン♪
Corona SDK での表示あれこれ
ColonaLabs.com
13年2月9日土曜日

4. Corona SDK での表示あれこれ
• テキストの表示
• 画像の読み込み
• 図形の描画
ColonaLabs.com
13年2月9日土曜日

5. Corona SDK での表示あれこれ
でも、その前に。。。
ColonaLabs.com
13年2月9日土曜日

6. でも、その前に。。。
• 開発環境について
• アプリフォルダについて
• Luaの記述について
ColonaLabs.com
13年2月9日土曜日

7. Corona SDK での開発環境について
• 面倒な環境設定 。。。不要
• Emulator・OS SDK 。。。不要 （※）
• 言語（開発言語） 。。。英語（Lua）
ColonaLabs.com
13年2月9日土曜日

8. Corona SDK での開発環境について
ColonaLabs.com
13年2月9日土曜日

9. Corona SDK での開発環境について
ColonaLabs.com
13年2月9日土曜日

10. Corona SDK のアプリフォルダについて
ColonaLabs.com
13年2月9日土曜日

11. Corona SDK のアプリフォルダについて
• build.settings
• config.lua
• main.lua
ColonaLabs.com
13年2月9日土曜日

12. Corona SDK のアプリフォルダについて
• build.settings
• config.lua
• main.lua
ColonaLabs.com
13年2月9日土曜日

13. Corona SDK のアプリフォルダについて
• build.settings
• config.lua
• main.lua
ColonaLabs.com
13年2月9日土曜日

14. Corona SDK のLuaの記述について
• -- コメント、--[[ 複数行コメント ]]--
• if( 条件 )then --処理、文末の ; 不要 end
• for 初期値, 終了値, 増分値 do --処理 end
ColonaLabs.com
13年2月9日土曜日

15. Corona SDK での表示あれこれ
• テキストの表示
local hello = display.newText(
"Hello,Corona！",
0, 20,
native.systemFont, 44)
ColonaLabs.com
13年2月9日土曜日

16. Corona SDK での表示あれこれ
• 画像の表示
local objB = display.newImage(
"objB.png", 0, 0 )
local objY = display.newImage(
"objY.png", 20, 20 )
ColonaLabs.com
13年2月9日土曜日

17. Corona SDK での表示あれこれ
• 図形の描画、色、アルファ値
local rect = display.newRect(
20, 20, 100, 100 )
rect:setFillColor( 250, 130, 10, 255 )
rect.alpha = 0.5
ColonaLabs.com
13年2月9日土曜日

18. 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 )
ColonaLabs.com
13年2月9日土曜日

19. Corona SDK での表示あれこれ
• オブジェクトの拡大縮小
local rect = display.newRect(
20, 20, 100, 100 )
rect:setFillColor( 250, 130, 10, 255 )
rect.x = 150 ; rect.y = 150
rect:scale( 2, 2 )
local rect2 = display.newRect( 0, 0, 150, 150 )
rect2:scale( 0.5, 0.5 ) ColonaLabs.com
13年2月9日土曜日

20. Corona SDK での表示あれこれ
• オブジェクトの相対位置表示
local _W = display.contentWidth
local _H = display.contentHeight
local rect2 = display.newRect( 0, 0, 150, 150 )
rect2.x = _W /2 ; rect2.y = _H /2
ColonaLabs.com
13年2月9日土曜日

21. Corona SDK での表示あれこれ
• オブジェクトの回転表示
local _W = display.contentWidth
local _H = display.contentHeight
local rect2 = display.newRect( 0, 0, 150, 150 )
rect2.x = _W /2 ; rect2.y = _H /2
rect2.rotation = 45
ColonaLabs.com
13年2月9日土曜日

22. Corona SDK での表示あれこれ
• 画面全体の伸縮
local objB = display.newImage(
"objB.png", 0, 0 )
※ config.lua
width = 640 , height = 960,
ColonaLabs.com
13年2月9日土曜日

23. Corona SDK #1 まとめ
ColonaLabs.com
13年2月9日土曜日

24. Corona SDK #1 まとめ
• テキスト・画像表示、図形描画
• 色・アルファ値、原点、拡大縮小
• 相対位置表示、回転表示、画面伸縮
ColonaLabs.com
13年2月9日土曜日

25. ご清聴ありがとうございました
#2へ つづく。。。
ColonaLabs.com
13年2月9日土曜日