(같은 사용자의 중간 판 4개는 보이지 않습니다) | |||
1번째 줄: | 1번째 줄: | ||
+ | {| class="wikitable" | ||
+ | !colspan="6"|왕초보, 무작정 따라해보기 | ||
+ | |- | ||
+ | |[[tutorial:make new project|프로젝트 생성]] | ||
+ | |[[tutorial:show image|이미지 띄워보기]] | ||
+ | |[[tutorial:animation effect|애니메이션효과]] | ||
+ | |[[tutorial:dialog and text|대화,독백 그리고 텍스트]] | ||
+ | |[[tutorial:build and test|게임 실행 테스트]] | ||
+ | |[[tutorial:export game|배포용 빌드 작성]] | ||
+ | |} | ||
+ | |||
+ | |||
+ | = 이미지 띄워보기 = | ||
+ | |||
이번 튜토리얼 부터는 [[Lnx script|Lnx 스크립트]] 를 사용하여 엔진 주요 기능들을 하나씩 살펴보려 합니다. | 이번 튜토리얼 부터는 [[Lnx script|Lnx 스크립트]] 를 사용하여 엔진 주요 기능들을 하나씩 살펴보려 합니다. | ||
− | 해당 튜토리얼을 읽기 전에 먼저 [[Lnx script|Lnx 스크립트]] 의 | + | 해당 튜토리얼을 읽기 전에 먼저 [[Lnx script|Lnx 스크립트]] 의 기본 문법 먼저 읽어보시면 앞으로 진행될 튜토리얼을 이해 하시는데 도움이 됩니다. |
가장 먼저 이미지를 띄워보도록 합시다. 아래 사진은 [[tutorial:make new project|프로젝트 생성]] 에서 만들었던 ‘연습’프로젝트의 폴더 구조를 나타냅니다. 여기서 먼저 띄어보고 싶은 이미지를 사진에서 빨간색 네모 표시가 있는 ‘image’폴더에 넣어보도록 합시다. 이번 튜토리얼에선 일단 기본 제공되는 ‘집나간 멍구’ 예제의 이미지를 끌어와서 써보도록 하겠습니다. | 가장 먼저 이미지를 띄워보도록 합시다. 아래 사진은 [[tutorial:make new project|프로젝트 생성]] 에서 만들었던 ‘연습’프로젝트의 폴더 구조를 나타냅니다. 여기서 먼저 띄어보고 싶은 이미지를 사진에서 빨간색 네모 표시가 있는 ‘image’폴더에 넣어보도록 합시다. 이번 튜토리얼에선 일단 기본 제공되는 ‘집나간 멍구’ 예제의 이미지를 끌어와서 써보도록 하겠습니다. | ||
7번째 줄: | 21번째 줄: | ||
아래와 같이 스크립트 편집창에서 [[reference:image|이미지 매크로]] 를 입력하여 이미지를 띄워봅시다. 아이디 와 파일명 필수 매개변수이기 때문에 일단 이를 꼭 포함하여 매크로를 호출 해주어야 합니다. 아래에선 <code>효과</code> 매개변수에 <code>페이드</code> 라는 기본적인 [[Lnx:paramtype show effect|노드입장효과]]를 전달해 보았습니다. | 아래와 같이 스크립트 편집창에서 [[reference:image|이미지 매크로]] 를 입력하여 이미지를 띄워봅시다. 아이디 와 파일명 필수 매개변수이기 때문에 일단 이를 꼭 포함하여 매크로를 호출 해주어야 합니다. 아래에선 <code>효과</code> 매개변수에 <code>페이드</code> 라는 기본적인 [[Lnx:paramtype show effect|노드입장효과]]를 전달해 보았습니다. | ||
+ | |||
+ | http://i.imgur.com/HxqOQh2.png | ||
+ | |||
+ | 위치와 크기를 다르게 하여 이미지를 두장 장 더 띄워 보도록 하겠습니다. | ||
+ | |||
+ | http://i.imgur.com/H848olA.png | ||
+ | |||
+ | |||
+ | 스크립트를 편집창에 작성 하셨다면 키보드의 F5버튼 혹은 메뉴에 ‘테스트 - 바로 테스트 F5’을 눌러서 어떻게 동작 하는지 확인 해보도록 합시다. | ||
+ | |||
+ | 만약 스크립트에 아무 문제가 없는데도 정상적으로 동작하지 않는다면 | ||
+ | 컨트롤+S 혹은 메뉴에 ‘파일 - 저장’버튼을 눌러 한번 더 저장후 실행해 보시길 바랍니다. | ||
+ | |||
+ | |||
+ | 그리고 이미지 매크로 의 매개변수를 이리저리 바꾸어 보고 어떻게 동작되는지 한번 확인 해보도록 합시다. 아래 리스트를 참고하시길 바랍니다. | ||
+ | |||
+ | * [[Lnx:paramtype show effect|노드입장효과]] 에서 원하는 효과를 골라 <code>효과</code> 매개변수에 넣어봅시다. | ||
+ | * [[Lnx:paramtype scale|크기]] 에서 원하는 효과를 골라 <code>크기</code> 매개변수에 넣어봅시다. | ||
+ | * [[Lnx:paramtype position|위치]] 에서 원하는 효과를 골라 <code>위치</code> 매개변수에 넣어봅시다. | ||
+ | |||
+ | |||
+ | [[tutorial:animation effect|다음 튜토리얼]]에선 띄운 이미지에 애니메이션 효과를 적용해보도록 하겠습니다. | ||
+ | |||
+ | |||
+ | {| class="wikitable" | ||
+ | !colspan="6"|왕초보, 무작정 따라해보기 | ||
+ | |- | ||
+ | |[[tutorial:make new project|프로젝트 생성]] | ||
+ | |[[tutorial:show image|이미지 띄워보기]] | ||
+ | |[[tutorial:animation effect|애니메이션효과]] | ||
+ | |[[tutorial:dialog and text|대화,독백 그리고 텍스트]] | ||
+ | |[[tutorial:build and test|게임 실행 테스트]] | ||
+ | |[[tutorial:export game|배포용 빌드 작성]] | ||
+ | |} |
2015년 2월 15일 (일) 01:36 기준 최신판
왕초보, 무작정 따라해보기 | |||||
---|---|---|---|---|---|
프로젝트 생성 | 이미지 띄워보기 | 애니메이션효과 | 대화,독백 그리고 텍스트 | 게임 실행 테스트 | 배포용 빌드 작성 |
이미지 띄워보기
이번 튜토리얼 부터는 Lnx 스크립트 를 사용하여 엔진 주요 기능들을 하나씩 살펴보려 합니다. 해당 튜토리얼을 읽기 전에 먼저 Lnx 스크립트 의 기본 문법 먼저 읽어보시면 앞으로 진행될 튜토리얼을 이해 하시는데 도움이 됩니다.
가장 먼저 이미지를 띄워보도록 합시다. 아래 사진은 프로젝트 생성 에서 만들었던 ‘연습’프로젝트의 폴더 구조를 나타냅니다. 여기서 먼저 띄어보고 싶은 이미지를 사진에서 빨간색 네모 표시가 있는 ‘image’폴더에 넣어보도록 합시다. 이번 튜토리얼에선 일단 기본 제공되는 ‘집나간 멍구’ 예제의 이미지를 끌어와서 써보도록 하겠습니다.
아래와 같이 스크립트 편집창에서 이미지 매크로 를 입력하여 이미지를 띄워봅시다. 아이디 와 파일명 필수 매개변수이기 때문에 일단 이를 꼭 포함하여 매크로를 호출 해주어야 합니다. 아래에선 효과
매개변수에 페이드
라는 기본적인 노드입장효과를 전달해 보았습니다.
위치와 크기를 다르게 하여 이미지를 두장 장 더 띄워 보도록 하겠습니다.
스크립트를 편집창에 작성 하셨다면 키보드의 F5버튼 혹은 메뉴에 ‘테스트 - 바로 테스트 F5’을 눌러서 어떻게 동작 하는지 확인 해보도록 합시다.
만약 스크립트에 아무 문제가 없는데도 정상적으로 동작하지 않는다면 컨트롤+S 혹은 메뉴에 ‘파일 - 저장’버튼을 눌러 한번 더 저장후 실행해 보시길 바랍니다.
그리고 이미지 매크로 의 매개변수를 이리저리 바꾸어 보고 어떻게 동작되는지 한번 확인 해보도록 합시다. 아래 리스트를 참고하시길 바랍니다.
- 노드입장효과 에서 원하는 효과를 골라
효과
매개변수에 넣어봅시다. - 크기 에서 원하는 효과를 골라
크기
매개변수에 넣어봅시다. - 위치 에서 원하는 효과를 골라
위치
매개변수에 넣어봅시다.
다음 튜토리얼에선 띄운 이미지에 애니메이션 효과를 적용해보도록 하겠습니다.
왕초보, 무작정 따라해보기 | |||||
---|---|---|---|---|---|
프로젝트 생성 | 이미지 띄워보기 | 애니메이션효과 | 대화,독백 그리고 텍스트 | 게임 실행 테스트 | 배포용 빌드 작성 |