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

main.lua 열기
8

“hello” 출력
9

“hello” 출력
여기에
안나와요
ㅡ,.ㅡ
print (“뭐라고쓴들”)
10

“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
hello
a의 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=S4eNl1rA1Ns
Learn Lua in an Hour
• https://www.youtube.com/channel/UCEAJ_D1LOjgz2jd7TCZlnhw
뭔가..강좌가 많아
LUA, Corona SDK, Tutorial, Beginners, children // 검색
32

 LUA 기본 알고가기
33
여러 사이트의 강좌를 활용하여
루아를 살짝 알고 가는게 좋아요.
-- 본 슬라이드는 (원강민)님의 책을 참조하여
-- 프로그래머가 아닌 웹디자이너가 독학 및
-- 코로나SDK 한국커뮤니티의 도움을 받아
-- 코로나SDK의 저변확대를 위하여 작성한 자료입니다.

Corona study_1

Recommended

Recommended

More Related Content

Similar to Corona study_1

Similar to Corona study_1 (20)

Corona study_1