corona study_1

코로나로앱만들기

설치 및 환경설정

Lua 기본 알고가기

TEST : main.lua

화면전환 (컴포저)

캐릭터 넣기 (트랜지션)

앱만들기 실습

코로나로앱만들기

2

코로나(Crona SDK)란?

2D 모바일 앱 전문 개발 플랫폼

- 무료

- 실시간 확인 가능한 시뮬레이터

- 물리 엔진 내장

- 다양한 디바이스 대응

- 루아(Lua) 언어 기반

- 픽셀 단위 사용

- 주로 게임을 만드는데 사용

- 일반 앱도 만들 수 있다.

3

작업환경 설정 : JAVA JDK

1. 다운받기

2. 설치

JAVA JDK

32비트

4

작업환경 설정 : 에디터

1. 설치

2. 내용 복사

3. 붙여 넣기

4. 실행

5. 입력

6. 입력

Sublime Text 3

Package Control

View–Show Console

Tools-Command Palette

Install Package

Corona Editor

5

작업환경 설정 : 시뮬레이터

1. 회원가입

2. 다운

3. 설치

4. 실행

5. 로그인

Coronalabs.com

Daily Builds

Daily Build

Corona Simulator

Coronalabs id/pw

6

작업환경 설정 : test 단계1

main.lua 저장

print ("hello")

7

작업환경 설정 : test 단계2

main.lua 열기

8

작업환경 설정 : test 단계3

“hello” 출력

9

작업환경 설정 : test 단계3

“hello” 출력

여기에안나와요

ㅡ,.ㅡ

print (“뭐라고쓴들”)

10

작업환경 설정 : test 단계3

“hello” 출력

여기에안나와요

ㅡ,.ㅡ

print (“뭐라고쓴들”)

print (“디버깅창에 출력할 내용”)

11

참고

수정된 코로나 프로젝트가 있는데 재실행 할꺼냐고 물어보는 친절함.

매번 물어보지 않게 ‘내 취향을 기억”에 체크

재실행 눌러주면 됩니다.

12

화면에 나타나게 하기

a = display.newText ("hello", 0, 0, native.systemFont, 100)변수이름

글씨를 표시하라 (“글씨”, x, y, font-face, font-size)

13

화면에 나타나게 하기

14

화면에 나타나게 하기

hello

좌표!!!

15

화면에 나타나게 하기

local b = display.newText ("hello", 100, 100, native.systemFont, 100)

변수 이름 글씨를 표시하라 (“글씨”, x, y, font-face, font-size)

16

화면에 나타나게 하기

17

화면에 나타나게 하기

딱 맞추고 싶지요?

18

화면에 나타나게 하기

local c = display.newText ("hello", 100, 50, native.systemFont, 100)

19

화면에 나타나게 하기

50은 아니었네요.

20

화면에 나타나게 하기

local c = display.newText ("hello", 100, 35, native.systemFont, 100)

21

화면에 나타나게 하기

딱 맞아 보여요.

22

화면에 나타나게 하기

a = display.newText ("hello", 0, 0, native.systemFont, 100)

a.anchorX, a.anchorY = 0, 0

helloa의 0점을 변경

(0, 0) (1, 0)

(0, 1) (1, 1)

23

화면에 나타나게 하기

24

화면에 나타나게 하기

글씨체 고유의 여백

때문인가 봅니다.

생각보다 딱 맞지 않네요

ㅡ,.ㅡ

25

지금까지 배운 LUA 명령어

print (“디버깅창에 출력할 내용”)

display.newText (“화면에 출력할 내용", x, y, font-face, font-size)

변수명.anchorX, 변수명.anchorY = 0, 0

-- 한줄 주석

--[[

여러줄 주석 요건 기본으로 알고 있어야죠!

]]

26

변수이름이 두 가지 였지요?

지역변수와 전역변수

코로나에서는 class(상속)가 없어, 전역이면 다른 lua파일에서 접근이가능하기 때문에 지역변수로 선언하고 씁니다.

전역(global)변수

지역(local)변수

지역(local)변수

27

이미지를 넣어볼게요

크롬에서 ‘코로나’를 검색해 볼까요?

첫 번째 이미지를 다운받읍시다.

28

이미지를 넣어볼게요

local d = display.newImage (“/img/cc.jpg", 0, 0, true)

d.anchorX, d.anchorY = 0, 0

변수이름

이미지를 표시하라 (“이미지주소”, x, y, 보여라)

29

이미지를 넣어볼게요

이미지가 잘 나와요.

30

지금까지 배운 명령어

display.newImage (“이미지경로", x, y, true)

변수명.anchorX, 변수명.anchorY = 0, 0

매번 중심축을 바꿔주기 귀찮으니 한번에 설정해 두면 편합니다.

display.setDefault (“anchorX”, 0)

display.setDefault (“anchorY”, 0)

31

강좌 참조 사이트

• https://blog.wonhada.com/?p=331단숨에 루아(LUA) 스크립트 배우기 (사실 단숨에 배워지지 않습니다.)

• https://coronalabs.com/learn-lua/15분만에 배울 수 있답니다. (절대로!)

• http://studymake.tistory.com/505루아(Lua)언어 기초 문법 (요런 강좌가 우리에겐 더 잘 맞음)

• http://wikibook.github.io/learnlua/Lua란?? 한 번 읽어보시는걸 추천한답니다.

• https://www.youtube.com/watch?v=S4eNl1rA1NsLearn Lua in an Hour

• https://www.youtube.com/channel/UCEAJ_D1LOjgz2jd7TCZlnhw뭔가..강좌가 많아

LUA, Corona SDK, Tutorial, Beginners, children // 검색32

LUA 기본 알고가기

33

여러 사이트의 강좌를 활용하여

루아를 살짝 알고 가는게 좋아요.

-- 본 슬라이드는 (원강민)님의 책을 참조하여

-- 프로그래머가 아닌 웹디자이너가 독학 및

-- 코로나SDK 한국커뮤니티의 도움을 받아

-- 코로나SDK의 저변확대를 위하여 작성한 자료입니다.