Corona study_1

33
코로나 만들기

Transcript of Corona study_1

Page 1: Corona study_1

코로나로앱만들기

Page 2: Corona study_1

설치 및 환경설정

Lua 기본 알고가기

TEST : main.lua

화면전환 (컴포저)

캐릭터 넣기 (트랜지션)

앱만들기 실습

코로나로앱만들기

2

Page 3: Corona study_1

코로나(Crona SDK)란?

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

- 무료

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

- 물리 엔진 내장

- 다양한 디바이스 대응

- 루아(Lua) 언어 기반

- 픽셀 단위 사용

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

- 일반 앱도 만들 수 있다.

3

Page 4: Corona study_1

작업환경 설정 : JAVA JDK

1. 다운받기

2. 설치

JAVA JDK

32비트

4

Page 5: Corona study_1

작업환경 설정 : 에디터

1. 설치

2. 내용 복사

3. 붙여 넣기

4. 실행

5. 입력

6. 입력

Sublime Text 3

Package Control

View–Show Console

Tools-Command Palette

Install Package

Corona Editor

5

Page 6: Corona study_1

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

1. 회원가입

2. 다운

3. 설치

4. 실행

5. 로그인

Coronalabs.com

Daily Builds

Daily Build

Corona Simulator

Coronalabs id/pw

6

Page 7: Corona study_1

작업환경 설정 : test 단계1

main.lua 저장

print ("hello")

7

Page 8: Corona study_1

작업환경 설정 : test 단계2

main.lua 열기

8

Page 9: Corona study_1

작업환경 설정 : test 단계3

“hello” 출력

9

Page 10: Corona study_1

작업환경 설정 : test 단계3

“hello” 출력

여기에안나와요

ㅡ,.ㅡ

print (“뭐라고쓴들”)

10

Page 11: Corona study_1

작업환경 설정 : test 단계3

“hello” 출력

여기에안나와요

ㅡ,.ㅡ

print (“뭐라고쓴들”)

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

11

Page 12: Corona study_1

참고

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

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

재실행 눌러주면 됩니다.

12

Page 13: Corona study_1

화면에 나타나게 하기

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

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

13

Page 14: Corona study_1

화면에 나타나게 하기

14

Page 15: Corona study_1

화면에 나타나게 하기

hello

좌표!!!

15

Page 16: Corona study_1

화면에 나타나게 하기

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

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

16

Page 17: Corona study_1

화면에 나타나게 하기

17

Page 18: Corona study_1

화면에 나타나게 하기

딱 맞추고 싶지요?

18

Page 19: Corona study_1

화면에 나타나게 하기

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

19

Page 20: Corona study_1

화면에 나타나게 하기

50은 아니었네요.

20

Page 21: Corona study_1

화면에 나타나게 하기

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

21

Page 22: Corona study_1

화면에 나타나게 하기

딱 맞아 보여요.

22

Page 23: Corona study_1

화면에 나타나게 하기

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

Page 24: Corona study_1

화면에 나타나게 하기

24

Page 25: Corona study_1

화면에 나타나게 하기

글씨체 고유의 여백

때문인가 봅니다.

생각보다 딱 맞지 않네요

ㅡ,.ㅡ

25

Page 26: Corona study_1

지금까지 배운 LUA 명령어

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

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

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

-- 한줄 주석

--[[

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

]]

26

Page 27: Corona study_1

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

지역변수와 전역변수

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

전역(global)변수

지역(local)변수

지역(local)변수

27

Page 28: Corona study_1

이미지를 넣어볼게요

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

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

28

Page 29: Corona study_1

이미지를 넣어볼게요

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

d.anchorX, d.anchorY = 0, 0

변수이름

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

29

Page 30: Corona study_1

이미지를 넣어볼게요

이미지가 잘 나와요.

30

Page 31: Corona study_1

지금까지 배운 명령어

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

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

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

display.setDefault (“anchorX”, 0)

display.setDefault (“anchorY”, 0)

31

Page 32: Corona study_1

강좌 참조 사이트

• 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

Page 33: Corona study_1

LUA 기본 알고가기

33

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

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

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

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

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

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