2D 게임제작 강좌

유니티로 2D RPG (쯔꾸르 풍) 게임 제작하기. (C#)

케이디 — Tue, 24 Jul 2018 13:49:40 +0900

유니티로 RPG MAKER 쯔꾸르 풍의 2D RPG 게임을 제작하는 강의입니다.

RPG MAKER MV 엔진의 기본 시스템을 베이스로 하고 있습니다.

(ex. 48픽셀 단위 이동, 달리기 스피드는 걷기 스피드의 2배 등)

2. 학습 대상

2D 게임 제작에 관심있는 분
게임 프로그래머의 꿈을 키우는 분
유니티를 직접 실습을 통해 재미있게 배우고 싶은 분

주소 : http://keidy.tistory.com/

유튜브 링크 : https://www.youtube.com/watch?v=EdsVx9yN2Cc&list=PLUZ5gNInsv_NW8RQx8__0DxiuPZn3VDzP

Part 1

PART 1. 캐릭터 움직이기

PART 2. 캐릭터 애니메이션

PART 3. 이동 불가 지역 설정

PART 4. 카메라 움직이기

PART 5. 맵 제작하기

PART 6. 맵 이동하기 (Scene)

PART 7. 카메라 영역 설정

PART 8. 오디오 매니저

PART 9. BGM 매니저

PART 10. NPC 구현

PART 10.5. 추가 설명

PART 11. 이벤트(1) 이동명령

PART 12. NPC 충돌 방지

PART 13. 이벤트(2) 대화 시스템

PART 14. 이벤트(3) 컷씬

PART 15. 페이드 & 플래시 효과

PART 16. 날씨 효과 (비)

PART 17. DB 매니저

PART 18. 손전등 연출

PART 19. 선택지 시스템

PART 20. 다이얼식 자물쇠 시스템

PART 21. 텍스트 출력 + 문 열기

PART 22. 텍스트 입력 받기

PART 23. 아이템 구현

PART 24. 인벤토리 시스템

PART 25. 아이템 습득

PART 25.5 아이템 습득 BUG FIX

PART 26. 아이템 사용

PART 27. 플로팅 텍스트

PART 28. 몬스터 구현 (슬라임)

PART 29. 스탯 구현

PART 30. 몬스터 처치 & 레벨업

PART 31. 타격 이펙트

PART 32. 장비창 시스템

PART 33. 장비 아이템 추가 속성 구현

PART 34. 무기 공격 모션

PART 35. HUD 구현

PART 36. 적 체력바 구현

PART 37. 세이브와 로드

PART X. 심화 과정 (인벤토리 페이지 시스템)

PART 38. 메뉴 구현

PART 39. 타이틀 구현

PART X. 플레이어 겹침 현상 FIX

PART 40. 엔딩 크레딧

게임개발라이브 겸 강의 (유니티2D) 1,2회 분 올립니다.

창청이루ㅏ — Mon, 16 Jan 2017 01:37:07 +0900

매주 월수금 6시~8시에 유튜브에서 라이브합니다.

라이브 주소

https://gaming.youtube.com/channel/UCy8slAa0gFTJW8Scp9_t-Pg/live

1화

2화

초보자 분들께 많은 도움이 되어으면 하는거 보다 많이 봐서 유튜브로 돈벌고 싶습...... (?)

Unity3D엔진 - 2D캐릭터를 자유롭게 움직여보자!

라이크잇 — Sun, 10 Jul 2016 15:52:54 +0900

안녕하세요, 아직 18살밖에 안된 고등학생라이크잇이라고 합니다.

게임프로그래머, 그래픽, 일러스트 같은 직종을 좋아하고 꿈인지라 학교에서 여러저런 활동에 참여하고있지만

친구들이 저만 이해하는거 같고 진행이 안된다면서 3D게임에서 2D게임으로 전향을 해버리게 되었고

우연찮게 2D 스프라이트를 자유롭게 움직여주는 Spine2D, Puppet2D 같은 프로그램을 접하게되었습니다.

그리고 또 새로운 연이 닿았는지 아방스라는 커뮤니티를 알게되었고 새로운 강좌를 하고싶어 올리게됬습니다.

자그럼 서론은 됬고 제가 강좌할 순서입니다.

[ Puppet툴에 맞는 그림그리기 ▶ Puppet툴에서 뼈대 만들기 ▶ 뼈대와 이미지합치기 ▶ 에니메이션 제작 ]

[ 준비물: 유니티3D, 스프라이트로 사용할 이미지, Puppet툴 ]

1. PhotoShop 작업하기

1. 자기가 원하는곳이나 아무때나 캐릭터의 컨셉아트를 그려서 스캔 or 사진으로 찍습니다.

2. 포토샵에서 불러온뒤 여러 레이어를 나눠서 '다각형툴'을 이용해서 따줍니다.

3. 완성된 파일과 머리, 몸통+다리, 다리, 팔등으로 나눠진 파일 이2개를 생성합니다.

자이제 포토샵에서 할일은 끝난것 같네요! 유니티에서 만져봅시다.

2. 유니티3D에서 2D플랫폼으로 제작

일단 퍼펫2D 유니티에셋이 필요하니 밑에 링크를 타고 다운받으세요. (초기버전이라 평가판 수준입니다. 정가는 현재 45달러이니 사기바래요)

구글드라이브: https://drive.google.com/open?id=0B_o0oYuPS85AX0JuU1Y4cUlhY0k

유니티에셋: https://www.assetstore.unity3d.com/en/#!/content/14024

퍼펫2D 공식사이트: http://www.puppet2d.com/

요론 형태로 에니메이션제작이 가능해집니다.

몰라서 쓰는 Construct2 강좌 #1 [ 만들기 전에 앞서 ]

말라야 — Tue, 01 Apr 2014 20:56:25 +0900

Construct2는 '액션 게임 만들기'와 비슷하게, 아케이드를 만들 수 있는 게임 제작 툴입니다.

'액션' 보다는 '아케이드'에 치중되어 있지만 상당히 대중적인 장르에도 손을 댈 수 있을 정도로 많이 범용적인 툴이죠~~(사람들이 클릭팀퓨전이나 겜메를 써서 커뮤니티가 거의 없지만)~~.

하지만 범용적일수록 사용하기는 정말 까다로운게 툴입니다. 그 점에서 Construct2는 알만툴에 비해서 까다롭고, 액션 게임 만들기에 비해서 장황합니다. 변수조차도 하나하나 적용해줘야하고 채팅창을 띄워준다던가 하는 기능이 전혀 없습니다. 심지어 맵을 돌아만드려고 해도 "타일 딱딱 찍고 캐릭터 놓으면 끝!" 이런 식이 아닌, 완전히 다른 방식으로 해야하는거죠.

간단한 횡스크롤 게임을 만들어볼까요?

1. 맵으로 사용할 사진을 가져와서 스프라이트 파일로 저장하고 사진의 폴리곤 범위도 정해줍니다.

2. 캐릭터로 사용할 사진을 가져와서 스프라이트 파일로 저장하고 역시나 폴리곤 범위도 정해줍니다.

3. 캐릭터 스프라이트의 행동에 '횡스크롤'을 추가해주고 속도, 중력, 기타 등등을 설정해줍니다.

4. 캐릭터를 맵 위에 놓습니다. 쉽네?

맵이나 캐릭터의 애니메이션이 많아질수록, 1번 2번에서의 시간은 더욱 더 길어집니다. 애니메이션 프레임이 흘러가는 속도, 프레임마다의 폴리곤, 이미지포인트를 지정해주다보면 내가 캐릭터인지 캐릭터가 나인지도 모릅니다.

이렇게 설정할 게 많기 때문에 이 툴이 매력있습니다. 순 멍청이기 때문에, 우리가 시키는 대로만 명령을 수행해줍니다. '문장의 출력' 이벤트 커맨드를 쓰고 싶다구요? 까짓꺼 함수로 하나 만드세요! 어쩌면 기존 알만툴의 것보다도 뛰어난 것을 만들 수 있을지도 모릅니다....어쩌면 말이죠.

뭐 그런식으로, Construct2는 액션 게임 만들기보다도 장르에 국한받지 않습니다. 액션, 퍼즐, 슈팅, 격투, 심지어 RPG까지 만들 '수는' 있습니다.

Construct2로 게임을 만들고 싶으신 분은, 지금부터 만드려는 게임이 아래의 사항에 충족된다면 어서오세요입니다. 아니라면... CC?

---

1. 처음 시작하면 아무것도 없습니다. 전부 일일히 짜줘야합니다.

2. 너무 많은 스프라이트를 출력할 경우 범상찮은 렉이 걸립니다. 특히 탄막슈팅계에서 심합니다.

3. 이벤트는 완전히 통합되어있습니다. 오브젝트 하나하나마다 뭔가를 설정해주는게 아니라, 하나의 시트에서 모든 오브젝트들의 트리거와 액션을 손봐야합니다.

4. 원하는 그 어떤 해상도도 사용 가능합니다. 1x1부터 10000x10000도 그냥 쓰세요!

5. 자유로운게 무슨 미국인마냥 자유롭습니다.

6. 매우 간단한 게임을 짜는데 유용합니다.

7. 웹소켓으로 간단한 멀티플레이가 가능합니다.

8. 맵의 개념이 없습니다. 모든건 레이아웃이며, 레이아웃간의 반복적인 이동은 상당히 불안정할 수 있습니다.

9. 순 초보자인 제가 강좌를 쓸 정도로, 국내던 국외던간에 커뮤니티가 그렇게 활성화되지 않았습니다.

10. 액션을 원하면 액션을, 턴을 원하면 턴을, 마음대로 만들 수 있습니다만 어렵습니다.

11. 컴퓨터 언어를 그냥 보기쉽게 바꿔놨다고 보시면 됩니다.

12. 자바스크립트로 구성되어 있기 때문에 웹사이트에 올리기가 상당히 용이합니다.

13. 상기한 이유로 온라인 리더보드 같은 것도 제작 가능합니다...만, 이 경우 mysql와 ajax, php 등에 대한 지식이 있어야합니다.

---

200개 급의 많은 변수가 필요하거나, 많은 스위치를 요구하는경우 울프툴이 더 나을지도 모릅니다.

정말... 쓸 말이 없군요. 어차피 서론이니까~ 이만 끝내겠습니다! 뿅!

강좌?는 일단 기본적인 것들을 살펴보고 나서! ghost shooter 같은 데모 게임을 뜯어보려고 합니다. 어디까지나 아무것도 모르는 분들을 기준으로 하는 강좌이니만큼, 강좌의 질이 많이 구릴 수 있습니다만 양해바랍니다 ㅠㅠ

Construct 2 RPG Series

습작 — Sat, 14 Sep 2013 13:47:23 +0900

Game Dev Academy에 인도네시아 인디 게임 프로그래머인 Aryadi Subagio님께서 작성한 강좌입니다. 일본의 RPG 게임인 테일즈 오브 시리즈와 같은 방식의 전투 시스템을 사용한 RPG 게임 제작을 하는 내용에 대한 강좌로, 강좌에 사용된 예제파일을 함께 제공하고 있습니다.

단 기초 강좌는 아니기 때문에 작성자가 서두에서 공식 홈페이지의 기본 강좌를 보고 오길 권장하고 있습니다.

역시 Construct 시리즈에서는 가장 기본적인 스킬이라고 할 수 있는 실제 플레이어 캐릭터와 스프라이트를 분리하는 것으로 부터 강좌가 시작됩니다. 현재 Part3까지 작성되어 있는데 작성자의 블로그에는 더 많은 글을 볼 수 있습니다.

대단한 강좌까지는 아니지만 읽어볼만한 내용이 적혀 있으니 Construct 2로 RPG 제작하는 것에 대해서 관심있으신 분들이라면 한번 읽어보시길 권장합니다.

#. Game Dev Academy 강좌 : http://www.gamedevacademy.org/construct2-rpg-series-1-basic-setup/

#. Aryadi Subagio님 블로그 : http://daggio21.blogspot.kr

몰라도 써보는 액만툴 강좌 #12 [ 가제트와 아이템 ]

미양 — Thu, 04 Jul 2013 22:31:38 +0900

...아무튼. 가제트부터 살펴봅시다.

가제트는 일종의 이벤트입니다. 여기선 플레이어도 독단적인 가제트이며, 이 가제트가 게임에서의 매커니즘을 대부분 담당하고 있습니다....라고 할만큼 정말 중요합니다. 너무너무너무 중요해요!

가제트란을 한 번 열어봅시다. 언제나처럼 무궁무진한 녀석들입니다.

이런 가제트들은 다양한 용도로 쓸 수 있습니다.

[ 이벤트 가제트 ] : 순수하게 이벤트용인 가제트

[ 에네미 가제트 ] : 적의 모습과 AI를 가진 가제트

[ 탄환용 가제트 ] : 순수하게 데미지만을 주는 탄환 가제트.

[ 부속품 가제트 ] : 다른 가제트에 귀속되는 가제트

이런 식으로 말이져. 플레이어 가제트는 일단 뺐습니다.

됬고! 가제트는 어떻게 쓰던지 여러분 마음인겁니다. 일단 동작 설정은 나중으로 미루고, 디스플레이 설정부터 봅시다.

레이어 표시 : 가제트를 선택한 레이어에 표시시킵니다. 탄환으로 쓰이는 가제트의 레이어는 부모와 같은 레이어에 표시됩니다. 밑에 있는 체크박스를 클릭하셔야대여.

애니메이션 할당 : 이건 보통 새로 만들때 설정합니다. 가제트의 육체!라고 부를 수 있는 애니메이션을 부여해줍니다.

기본 애니메이션 : 가제트 초기 상태의 애니메이션을 설정합니다.

활동 시작 : 언제나 활동을 체크하시면 카메라가 보지 않아도 활동합니다. 밑에것을 체크하시면... 아시겠죠?

잔상 : 캐릭터와 똑같이 생긴 녀석을 만듭니다. 변수 번호만큼 만들어지며, 간격은 시간초를 나타냅니다.

부가 설정

-체력이 없어지면... : 말 그대로입니다.

-카메라의 영향을 받지 않음 : 가제트가 캔버스에 구속받지 않습니다.

-데미지 중에는... : 무적 상태가 없습니다.

-다른 가제트와 겹쳐짐 : 같은 레이어의 다른 가제트들과 겹쳐집니다. (탄환은 그냥 겹쳐짐)

체력, 공격력, 데미지율 : 말 그대로입니다.

부모, 자식 관계에 관한 매개 변수

-부모 가제트 : 설정하면 그 가제트를 졸졸 따라다닙니다. 이제 자식이 되는 가제트는 캔버스에 넣지 않아도 됩니다.

-이어받은 요소 : 부모와 똑같은 각도, 규모, 밝기를 가지게 됩니다.

-데미지 설정 : 가제트가 공격받을 시 데미지를 입는 카제트를 선택할 수 있습니다.

디스플레이, 참 쉬입져?

이동과 점프 설정으로 ㄱㄱ!

별 거 없습니다. 조절해야하는 값이 많은데, 이것들은 모두 게임의 해상도나 장르마다 다른 값을 가지기 때문에 절대적인 기본값이 없습니다.

이동의 종류 : 설명이 나와있습니다...

기본 좌우, 상하 이동 (VX, VY) : 아주 기본적인 움직임 방식입니다. 별도의 가속과정없이 한번에 움직이고 한번에 멈추는 스

타일!

좌우, 상하 가속 (AX, AY) : 가속도 이동을 체크했을때만 사용 할 수 있습니다.

좌우, 상하 감속 (RX, RY) : 설명이... 나와있잖아!!

입력 장치 : 키보드나 패드로 조작하는 장치를 뜻합니다.

수직 상승 하강 매개 변수 : 플랫폼 게임에만 해당됩니다. 아마도.

-처음 속도 : 점프하는 속도를 뜻합니다. 너무 높이지 마세요. 나로호가 됩니다.

-중력 : 중력은 중력입니다. 바닥으로 당기는 힘! 변수로 설정도 가능합니다.

그 다음은 제거 설정입니다.

제거 설정은 가제트가 제거될 때 작동됩니다. 소멸해도 작동됩니다.

폭발용 가제트 : 적이 쓰러지는 모션을 취하는 가제트입니다.

추가 위치 : 이건 스코어입니다. 번역이 잘못됬어요... 스코어 변수가 늘어납니다.

적 부활 : 화면에서 완전히 없애거나, 캔버스가 한 번 돌아가면 부활합니다.

제거되는 동안... : 가제트가 사라질 때 다른 가제트나 아이템을 출현시킵니다.

헠헠, 타자치느라 정말 힘들군여. 이제 가장 많은 동작 설정입니다. 으아아ㅏㅏㅏ!

이...일단.... 동작 프로그램과 다음 동작 프로그램은 아시니까 넘어가겠습니다.

액션 세부사항부터 봅시다.

할당된 애니메이션 : 해당 동작 프로그램에 할당된 애니메이션을 뜻합니다.

이동 옵션

-점프 : 점프! 바닥을 무시합니다.

-플레이어에게 향한다 : 무조건 플레이어를 봅니다.

-이동방향이... : 어느 한쪽으로 이동하는 게 아니라 아무 방향으로 움직이게 됩니다.

-오브젝트를 고정 : ???

-방향을 수정할 수 없음 : 이동중에 방향을 바꾸지 못하게 됩니다.

이동 속도, 점프 속도 : 아시져? 100이 기본값입니다.

값 변경 : 변수 값을 변경합니다. 소스 복...은 복사하는겁니다.

메세지 출력 : 텍스트를 출력합니다. 윈도우를 고를 수 있습니다. 위치와 크기를 잘 선택하세요. 제대로 안하면 텍스트가 씹힙니다.

파괴 : 가제트를 제거합니다. 이 때 제거 설정에서 설정한 것들이 발생합니다.

탄환 발사 : 탄환을 발사합니다.

아이템 전송 : 아이템을 떨굽니다.

스위치 변경 : 스위치를 키거나 끕니다.

SE 연주 : 효과음을 연주합니다.

BGM 연주 : 뭐!

동작을 바꾸는 조건이나 입력 조작 : 다음 동작 프로그램으로 가기 위한 조건입니다. 모든 조건이 충족됬을 때와 하나만 충족되도 넘어가게 할 수 있습니다.

조작이 입력되었다 : 키보드나 마우스, 패드 조작을 했을 때 동작하도록 합니다.

아무것도 입력되지 않음 : 아시져?

좀 많기는 하지만... 내용이 곧 설명이라서 넘어가겠습니다.

그리고 이것을 넘어가면? 가제트 설명이 끝난거랍니다. 야호!

다음은 아이템에 대해서 알아봅시다.

먼 옛날(?) 게임 시작을 만들었던 곳이죠.

이번엔 게임에서 쓰이는 진짜 아이템을 만들어볼겁니다.

그리고... 전 코인을 하나 만들어보려고 합니다. 아이템 기능에 대해서 설명하겠습니다.

텍스트 표시 : 이건 아이템에 텍스트를 넣어줍니다. 메뉴에 넣었을 때만 뜹니다.

아이템 소지수를 저장할 변수 : 해당 아이템을 바로 쓰게 하고 싶지 않다면 만들어 주세요.

아이템 사용시 연주될 SE : 아시죠?

한번에 가질 수 있는 양 : 아이템을 획득했을 때 얻는 개수입니다.

가격 : 아이템의 가치를 뜻합니다. 코인 변수와 같습니다.

가질 수 있는 최대치 : 아이템을 가지고 다닐 수 있는 최대치입니다.

사용할 때의 조건 : 스위치가 켜져 있어야만 쓸 수 있도록 설정할 수 있습니다.

사용될 스위치, 변수 : 아이템을 썼을때 스위치나 변수의 값을 설정, 추가합니다.

밑에 수치는 뭐... 아실거라 믿겠습니다. 나 너무 대충 설명하는 것 같음 >_<

밑에 코인과 스코어는 그대로 변수와 연결됩니다.

....까지 하면 기본적인 설명이 끝나는군요. 이제 몰라도 써보는 강좌는 끝났습니다.

다음부터는 아니까 쓰는 액만툴 강좌를 시작해보겠습니다...?

몰라도 써보는 액만툴 강좌 #11 [ 캔버스와 링크 ]

미양 — Thu, 04 Jul 2013 20:40:44 +0900

캔버스? 별 거 없습니다...는 개뿔.

캔버스가 곧 맵입니다. 게다가 레이어나 가제트같은 것을 보면 알만툴과 닮은 점도 적잖이 있습니다.

하지만! 단 하나의 타일 이미지를 써야한다는게 약간의 문제겠죠....라고는 해도 사실 타일 이미지는 제약이 없습니다.

그럼 바로 캔버스를 살펴봅시다.

뭔가 쓸 데 없이 많습니다. 전 예제용 캔버스를 하나 만들게요.

처음 캔버스를 만들면 이렇게 검은게 정상입니다. (환경설정에서 바꿀 수 있는듯)

이런 상태에서는 아무것도 못하니까, 일단 타일을 지정해줘야겠죠. 타일 만드는 방법은 예전에 설명했습니다.

캔버스 설정으로 들어갑시다.

뭐... 여러가지 있네요. 하나하나 설명해드리져!

캔버스 크기 : 그냥 크기입니다. 여기선 타일 크기를 지정하는 게 아니라 화면 크기로 지정합니다. 1280x720 해상도를 쓰고 계신다면 캔버스 크기를 2x2로 했을때 2560x1440 정도의 캔버스크기가 나옵니다.

배경 설정

-배경 색상 : 배경 색상입니다. 뭐!

-배경 : 배경으로 쓸 사진입니다.

-레이어 방식 : 배경 사진의 레이어를 어떻게 놓을지 설정합니다.

-배경 움직임 : 배경이 저절로 움직이도록 합니다.

캔버스 메뉴 : 해당 캔버스에서 쓸 메뉴를 정합니다. 기본적으로 HUD를 쓰시면 됩니다.

캔버스 타일 : 해당 캔버스에서 쓸 타일을 정합니다.

레이어 설정 : 플레이어가 걸었을때 레이어가 얼마나 움직이는지를 설정합니다. 레이어가 더 빨리 움직일수도 있고, 더 느리게 움직일수도 있습니다.

전 그냥 등록해놓은 HUD와 기본 타일을 쓰겠습니다.

다시 캔버스로 돌아갑시다.

타일이 생겼네여! 이 때, 바로 찍으시면 패망합니다! 밑에 있는 레이어1,2,3,4를 잘 보세요.

레이어는 1이 가장 앞에 위치하고, 4가 가장 뒤에 위치합니다. 제가 예전에 플레이어 캐릭터를 레이어 2나 3에 두라고 했던 것 기억하실련지 모르겠습니다. 이게 그 이유입니다.

바닥은 레이어 3이나 4에 깔아두시고, 겹치지 않게끔 3이나 4에 더 많이 깔아주세요. 그리고나서 좀 더 겹치고 싶으시다면 1과 2를 쓰시면 됩니다.

횡스크롤 게임이나 슈팅 게임에서는 2부터 바닥으로 사용하고, 3,4는 배경으로 쓰는 편입니다. 슈퍼 마리오 월드같은 효과를 낼 수 있거든요.

이렇게 타일을 깔아줍니다.

타일을 깔 때, 캔버스 오른쪽 아래에 있는 돋보기와 전구 아이콘을 활성화/비활성화 시키시면 좀 더 편리합니다.

전 레이어 3에 바닥과 벽을 깔았습니다. 무엇보다 귀찮아서 그냥 대충 깔았습니다...

이제 가제트를 설정해야합니다. 가제트는 일반적으로 만들어서 쓰는 가제트와 캔버스에서 쓰이는 세 개의 가제트가 있습니다. 가제트들도 모두 레이어의 영향을 받기 때문에, 플레이어는 레이어 3에 두고 적을 레이어 4에 둘 경우 맞지도 때리지도 못하게 됩니다.

텍스트 : 캔버스에 텍스트를 출력합니다.

카메라 : 화면 시점을 고정시킵니다.

코스 : 가제트나 플랫폼을 자동으로 움직이게 합니다.

코스에 대해서는 좀 더 자세히 설명할 기회가 있을겁니다.

코스를 하나 넣었습니다. 다른 가제트를 이 코스에 연결시켜서 움직이게 할 수 있습니다.

코스를 한 번 살펴보져! 레이아웃 파트를 열고 코스란을 클릭해봅시다.

뭐 별 거 다 있습니다.

반복 설정과 아이템 목록만 이해하셔도 크게 어려울 건 없습니다.

반복 설정은 쉬우니까 패스하고... 아이템 목록인데, 아이템 목록도 별 거 없습니다.

+ - 버튼을 누르면 포인트를 추가, 제거할 수 있습니다.

다음으로 넘어 : 다음 포인트로 넘어가기 까지의 시간입니다.

상쇄 : 뭐여 이거

메모리 값 변경 : 변수 설정에서 설정한 변수 값을 바꿉니다.

그리고... 코스 설정이 끝났다면 가제트를 한 번 코스에 탑재시켜봅시다.

가제트와 플레이어의 레이어는 똑같게! 코스는 달라도 됨!

전 테스트용 탄환을 넣어보겠습니다.

흐름 설정 잊지 마시고!

예상대로 잘 돌아가주는군요. 좀 빠르지만...

아무튼, 이런 식으로 가제트와 코스를 배치해주시면 됩니다. 카메라도 코스에 매달 수 있답니당.

이렇게 하면 대충 캔버스는 끝났군요. 길고 이해하기 힘든 길이었스빈다!

이제, 캔버스와 캔버스를 연결해주는 '링크'에 대해서 알아봅시다. 젤다의 전설이 아닙니다!

링크는 하나의 캔버스에서 다른 캔버스로 넘어갈 때 쓰이는 장소 이동 이벤트입니다.

오직 플레이어와 그 자손 가제트들만 링크를 타고 다닐 수 있습니다.

캔버스 두 개를 작성한 뒤, 링크를 하나 만들어봅시다.

별 거 다 있습니다. 참고로 링크 A와 B는 이어져있기 때문에, 링크를 또 만들 필요는 없습니다.

링크의 크기나 레이어는 나중에 설정하기로 하고! 일단 점 A와 점 B에 쓰일 캔버스를 선택합니다.

전 예제용 맵과 기존에 있던 게임 시작 맵을 연결해보겠습니다.

맵을 클릭하면 위치가 지정됩니다. 그 다음 위치를 늘려주세요. 레이어는 캐릭터가 있을 레이어와 같아야합니다.

A맵에서 캐릭터가 레이어 3에 있고, B맵에서 캐릭터가 레이어 2에 있다면 점 A는 레이어 3, 점 B는 레이어 2에 놓으시면 됩니다.

만약 점 A에 출구 전용을 체크하시면 점 A에서 B로는 가지 못하게 됩니다.

링크를 제대로 찍으셨다면, 작동은 됩니다. 이제 연출 효과를 설정해봅시다.

점 A에서 B로 또는 점 B에서 A로를 선택해주세요.

...개방대함!

어떻게 보면 흐름과도 비슷한 것 같지 않나요?

점 A에 접촉했을 때 : 말 그대로 점 A에 닿은직후의 상황을 설정합니다. 보통 여기선 BGM을 끕니다.

캔버스 B가 표시됬을 때 : 이건 연출 효과가 진행되고 난 뒤의 상황을 설정합니다. BGM을 키면 됩니다.

전 아직 브금이 없어서 그냥 연출 효과만 넣겠습니다.

그리고... 끝났군요. 이제 예제 영상을 보시면서 감상에 잠겨...봅시다?

몰라도 써보는 액만툴 강좌 #10 [ 적과 탄환 ]

미양 — Thu, 04 Jul 2013 00:53:22 +0900

일단... 탄환부터 만듭니다.

여기선 간단하게 적과 적이 쏘는 탄환을 만들겁니다.

적은 아무거나 원하시는 캐릭터칩을 쓰시고, 탄환은 그냥 탄환스럽게 하나 장만하시면 되겠습니다.

자, 그럼! 탄환부터 만들어볼까요?

탄환 애니메이션은 그냥 뭐... 설정해주시면 됩니다. 공격 히트 설정을 꼭 체크해주시고, 중심점을 50, 50에 맞춰주세요.

오프셋 1번도 50, 50에 맞춰주시고요. 다 쓸 곳이 있답니다.

적의 애니메이션엔 히트 판정을 넣으셔도 되고, 안넣으셔도 됩니다. 접합점과 중심점만 잘 체크해두세요.

가제트도 똑같이 추가해줍시다.

탄환 가제트부터 설정해볼까요?

탄환용 가제트는 말 그대로 탄환입니다. 체력과 공격력을 잘 설정해주시고, 부가 설정에서 소멸되는 것에 체크를 안하시면 카메라 밖으로 나갈때까지 탄환이 무적상태가 됩니다. 다른 가제트와 겹쳐지게 하는거 주의하시고여.

이동과 점프 설정에서 속도를 설정해주세요. 많이 시행착오를 겪어야 할 겁니다..

적 가제트도 탄환과 비슷합니다만, 아무래도 쏘는 놈이다보니까 탄환을 추가시켜줘야합니다. 방금 만든 따끈따끈한 탄환을 추가합시다.

발사체에 의해 발사된 탄환 : 한번에 발사하는 탄환의 수입니다.

발사 비율 : 탄환이 많을 경우 탄환을 발사하는 연사 속도입니다.

발사 조건 : 한번에 캔버스에 표시할 수 있는 최대 탄환 무더기의 수입니다.

탄환 설정

-방향이 조건으로 지정되지 않음 : 아무데나 날라가버립니다.

-발사체의 방향을 기원으로 정함 : 쏘는 몬스터가 바라보는 방향으로 날아갑니다.

-지정된 방향으로 발사 : 정말로 지정된 방향으로 쏩니다.

-이동 방향 : 발사체가 움직이는 방향으로 쏩니다.

-고정된 방향 : 그냥 지정된 방향으로 쏩니다.

-적 방향 : 적으로 인식한 방향으로 쏩니다.

-2차적 범위 : 랜덤한 범위를 나타냅니다. 0으로 설정하면 무조건 그 방향으로만 나가고, 90으로 설정하면 왼쪽으로 45도, 오른쪽으로 45의 범위가 생기게 됩니다.

-움직임 : 고정, 와이퍼, 무작위가 있는데, 고정은 완전히 알맞게 나가고, 와이퍼는 무슨 초음파마냥 나갑니다. 무작위는 무작위!

-고정된 가제트를 따라감 : 뭔 소린지 몰겠습니다. 제성 ㅠㅠ

-자동추적 : 탄환이 적을 쫓아갑니다. ㅎㄷㄷ

-부메랑 : 나갔다가 발사체에게 돌아옵니다.

전 50발, 0.1초, 16 조건, 적방향 와이퍼 45도로 해보겠습니다.

그리고... 동작을 넣어줍니다.

대기 상태와 쏘는 상태, 두 개의 동작이 필요하겠죠. 쏘는 상태에서는 액션 세부사항에서 탄환 1을 쏘도록 설정해주세요.

적은 우리가 조종할 수도 있지만, 대부분의 경우 그렇지 않기 때문에 조건을 복잡하게 설정해줘야합니다.

전 간단하게 플레이어가 시야 8 안에 있을 경우 쏘도록 설정했습니다만, 사진이 저런거지 사실은 128로 설정했습니다 ㅎㅎ

쏜 다음 대기상태로 돌아갈 땐 그냥 애니메이션이 종료됬을때 돌아가도록 설정했구요.

이제 만든 적을 캔버스에 넣읍시다.

짜잔! 적이 생겼습니다. 가제트를 박을때 주인공 캐릭터와 레이어가 똑같은지 꼭 체크하세요.

그리고.. 테스트해보세요.

너...너무 강해...

몰라도 써보는 액만툴 강좌 #9 [ HUD ]

미양 — Wed, 03 Jul 2013 23:56:33 +0900

HUD는 만들기가 겁나게 쉽습니다!

소재로는... 이정도 쓰면 되겠군요.

흠! 이 정도?

이러한 소재들을 등록해주세요.

위에서부터 윈도우, 미터, 미터, 아이템, 커서, 숫자로 사용될 겁니다. 소재 등록시에 유의해주세요.

폰트 등록은 요로코롬!

자, 소재 정리가 끝났다면 이제 메뉴 파트로 가봅시다.

메뉴 파트를 이렇게 추가해주시고... 모두 이미지를 씌워줍시다. 이미지를 씌우는 방법은...

생략합니다.

뭐 대충... 추가하셨겠죠! 하하핳

hp는 메뉴 파트 기능에 들어가시면 관련된 변수가 활성화되어있습니다.

거기서 변수는 '플레이어의 체력'을, 최댓값은 '플레이어의 최대체력'을 설정해주세요.

hp 틀은 변수와 최댓값 둘 다 '플레이어의 최대체력'으로 해주셔야합니다.

숫자는 유용한 이미지인 '투명커서'를 사용하겠습니다.

폰트를 숫자폰트로 맞춰주시고, 관련된 변수는... 아무거나 상관없습니다만 일단 체력으로 하겠습니다.

윈도우는 문장을 표시해주는 녀석입니다. 제가 올린 사진을 윈도우로 쓰신다면 오른쪽의 설정과 똑같이 해주시면 됩니당.

커서는 별게 없으니 생략합니다.

이제 메뉴를 작성해봅시다.

메뉴는 새로 하나 만들어주셔야합니다.

저는 편하게 HUD라고 제목을 지었슴당.

이제 메뉴 파트를 하나하나 레이아웃 속에 넣어봅시다.

숫자는 오른쪽의 숫자 단위를 꼭 설정해주세요.

숫자폰트를 설정할때! 크기를 꼭 주의해주세요. 크기 안에 폰트가 들어갈 수 있어야합니다.

그리고 레이아웃을 전부 설정했다면 이제 실행시켜봅시다.

사진은 걍 넣어봤습니다...

이렇게 제대로 출력이 안되실겁니다. 빨간 바는 안보이고 숫자는 0이겠죠.

변수에서 플레이어의 기본 체력을 최대 체력으로 올려주세요.

이렇게 굉장히 간단한 HUD가 끝났습니다.

몰라도 써보는 액만툴 강좌 #8 [ 플레이어 ]

미양 — Wed, 03 Jul 2013 18:02:18 +0900

하루에 4개나 싸지르는 이유는... 언제 또 쓸지 몰라서 그렇습니다.

일단 캐릭터 소재를 바꿨습니다... 우스이의 회에서 따왔어요 ㅠㅠㅠ

...네? 닥치고 강좌나 하라고여? 넹!

이번엔 맵에서 돌아다니는 녀석을 만들어봅시다. 플! 레! 이! 어! 말이죠.

캐릭터 소재를 등록했다면 애니메이션으로 갑시다.

이미 등록했지롱! 아무튼... 없으신 분들은 새로 만들기를 눌러서 애니메이션을 하나 만들어줍니다.

이 애니메이션이 플레이어의 육체가 되며, 가제트 하나에는 하나의 애니메이션만이 들어갑니다.

애니메이션에 이미지를 등록하고, 프레임을 전부 찍어줍시다. 아주 기본적인 일이니 쉽게 하실 수 있을겁니다.

디스플레이 방향은 직접 설정할수도 있지만, 액만툴에서 기본적으로 주는 방향이 있습니다.

아마도 횡스크롤은 좌/우 두 개뿐이고, 액션RPG는 상/하/좌/우, 슈팅은 방향이 하나인것으로 압니다.

여기서 파워하게 방향을 추가해주셔도 좋습니다만, 하나하나 관리해줘야하기 때문에 그냥 주는대로 만족합시당...

하,지,만! 전 조금 다릅니다. 8방향은 액션 게임의 꽃이니까요.

그러므로 저와 같이 세 개의 애니메이션을 만드러주세요. 서있는 주인공, 걷는 주인공, 대각선으로 걷는 주인공으로!(사실 대각선 걷기는 그냥 됩니다만 캐릭터가 보는 방향 때문에 그렇습니다.)

일단, 애니메이션에 대해서는 뭐... 이전에도 설명했었죠. 좀 대충대충했으니까 이번에 제대로 가르쳐드릴게요 ㅠㅠ

기본 설정

-표시 시간 : 프레임과 프레임사이의 간격을 뜻합니다. 위의 사진은 0.1초당 한 프레임인 셈이죠.

-보간 : 설명하기가 굉장히 어려운녀석입니다...

-SE : 아시져? 그 프레임이 오면 효과음을 냅니다.

디스플레이

-오프셋 : 이미지의 위치입니다.

-중심점 : 프레임의 중심점입니다.

-규모 : 프레임의 크기입니다.

-각도 : 프레임의 기울기입니다.

히트 판정(이라고 쓰고 액만툴의 실수라고 읽는다)

-가제트 히트 판정 : 같은 레이어의 가제트끼리 겹치지 않게끔 해주는 녀석입니다.

-벽 히트 판정 : 벽 타일에 닿는 녀석입니다.

-공격 히트 판정 : 데미지를 주는 범위입니다. 가제트 히트가 공격 히트에 닿으면 가제트 히트에 해당되는 가제트가 데미지를 입습니다.

디스플레이 설정

-캐릭터의 발밑을 원점으로 지정 : 말 그대로입니다. 웬만하면 체크!

애니메이션 설정

-프레임 단위 : 해당 초동안 애니메이션에 설정된 프레임을 끝까지 재생시키도록 설정합니다.

-반복 횟수 : 프레임을 반복시킵니다.

-왕복 : 프레임이 끝까지 같다가 거꾸로 재생됩니다.

이미지 설정

...말안해도 아시져?

이렇게 애니메이션 설정이 끝났으면, 이제 가제트입니다. 가제트로 넘어갑시다.

....쓸데없이 방대합니다.

일단은 플레이어 가제트가 있는데, 플레이어 가제트는 절대로 삭제할 수 없습니다. 주인공없는 만화란 없는것과 비슷한(?) 이치져!

일단 디스플레이 설정으로 넘어갑시다.

지젼! 뭘 봐도 복잡하네요. 이런건 다 이유가 있습니다. 가제트가 곧 게임의 70%니까요.

...나중에 설명할게여. 일단 노란 형광펜으로 칠한것들을 전부 봅시다.

애니메이션 할당에서 방금 만들어준 애니메이션을 넣어주세요.

그리고 기본 애니메이션엔 액션001....을 넣어줍니다. 이게 주인공의 맨 처음 상태가 됩니다.

황동은 언제나 활동할 수 있도록 해주시고요!

부가 설정에선 다른 가제트와 겹쳐지도록 설정해주세요.

체력, 공격력을 설정할 수 없는데, 주인공의 체력과 공격력값은 모두 변수로 저장되어 있습니다.

액만툴은 알만툴XP보다 레이어가 많은데, 2나 3이 적당합니다. 2나 3에 넣어주세요~

디스플레이 설정은 이것으로 끝입니다. 다시 동작 설정으로 돌아갑시다.

※ 슈팅 게임 플러그인으로 만드실 경우 '카메라의 영향을 받지 않음'에 체크하시는게 좋습니다.

아무리봐도 이건... 많다!

하지만 일단은 기본적인 움직임을 설정할 것이기 때문에, 저만 따라오시면 됩니당!

가제트 애니메이션의 이름을 대기로 바꿔주세요. 그래야 나중에 알아보기 좋습니다.

애니메이션은 위의 사진처럼 할당해주시고~ 이동방향을 조건으로 지정하면 안됩니다.

이동 속도는 대기상태니까 0으로 해주세요. 안그러면 주인공이 멋대로 움직이거든요.

동작 프로그램을 하나만 더 만듭시다. 그냥 걷게 하기!!

그냥 대기상태의 애니메이션을 복붙하셔서 이름과 애니메이션, 이동속도만 바꿔주시면 됩니다.

이렇게 걷기 동작이 추가됬군요. 하지만 이렇게만 둔다고 해서 캐릭터가 움직여주는게 아닙니다.

아무것도 안누르면 대기 상태, 방향키를 누르면 움직여야겠죠. 그렇기에 다음 동작 프로그램이라는 게 있는겁니다.

동작 프로그램은 대기를 선택해주시고, 다음 동작 프로그램은 걷기를 선택해주신다음, 밑의 사진을 봐주세요.

이렇게하면 대기 상태에서 방향키를 눌렀을때 걷기 동작으로 전환이 됩니다.

하지만! 이 상태에선 계속 걷기만 할 뿐, 대기 상태가 되지 않겠죠. 그러므로 걷기에서 대기상태가 되는 조건을 만들어줘야 합니다.

동작 프로그램은 걷기, 다음 동작 프로그램은 대기를 선택해주신다음, 위의 사진에서 '이하의 조작이 입력되었다'가 아니라 '아무것도 입력되지 않음'에 체크해주세요.

그러면 이제 플레이어가 걸을 수 있게 된겁니다! 인간의 다리는 폼이 아니다!

이쯤되면 테스트를 해보고 싶은 욕구가 용솟음칠 것 같군요. 캔버스로 돌아갑시다.

예전의 게임 시작 캔버스입니다. 그나저나 내 손톱에서 이상한 냄새난당

아무튼... 여기에 플레이어를 넣어보도록 하겠습니다.

오른쪽에 있는 레이아웃 파트에서 플레이어를 선택하시고, 캔버스에 찍어주세요.

그러면 이렇게 세부사항이 뜹니다. 디스플레이는 1번 레이어에 두시고, 시작 프로그램을 대기로 설정해주세요.

그 다음 확인!

그러면 플레이어가 이렇게 나타납니다. 참 쉬~입죠?

이제 테스트를 해봅시다.

그러면 캐릭터가 꼬물꼬물 잘 기어다닐겁니다. 기어다니지 않는다고요? 가제트를 설정할때 걷기 동작 프로그램에서 이동 속도를 맞춰주세요. 그것도 아니면 벽에 갇힌겁니당.

그런데 조금 부자연스러운게 있죠.

대각선으로는 움직이지만 대각선으로 움직이는 애니메이션이 없으니 뭔가 비현실적입니다. 분명 캐릭터는 왼쪽 아래로 걷는데 애니메이션은 아래를 보고 있다던지...

우리가 애니메이션란에서 뭘 만들었는지 기억하시나요? 맞아요, 3번째 부분인 대각선 걷기도 만들었습니다.

...써먹을 때가 된겁니다. 가제트로 돌아갑시다.

플레이어의 동작 프로그램을 네 개 생성해주세요. 우하, 좌하, 좌상, 우상. 순서가 바뀌어도 상관없어요!

그리고 방향마다 애니메이션과 이동 방향을 설정해주세요. 은근히 노가다입니다.

그 다음, 걷기 동작 프로그램을 선택한다음 위 사진처럼 설정합니다. 우하는 오른쪽 아래! 좌하는 왼쪽 아래! 좌상은 왼쪽 위!(번역된 버전에서는 첫번째 오른쪽 위) 우상은 오른쪽 위!

이것으로 끝난게 아닙니다. 다음엔 동작 프로그램을 대각선으로 맞춥니다.

다음 동작 프로그램을 걷기로 맞추시고, 조건을 오른쪽처럼 설정해주세요. OR과 놓은 순간이 핵심입니다.

우하는 위 사진처럼 하면 되며, 좌하나 좌상, 우상은 해당되는 방향만 바꿔주시면 됩니다. (좌상은 왼쪽 OR 아래쪽을 놓은 순간)

다음 동작 프로그램에서 대기는 아무것도 입력되지 않음에 체크해주시면 되겠죠.

조금 어려울 수 있겠습니다만, 보다 완성적인 게임을 위해서는 감수해야할 부분입니다...

이제, 다시 테스트를 해봅시다.

개구리된네~

몰라도 써보는 액만툴 강좌 #7 [ 타이틀 메뉴 구동 ]

미양 — Wed, 03 Jul 2013 14:10:27 +0900

하루에 강좌를 몇개나 싸갈기는거니!

아무튼... 저번에 작동하지 않았던 타이틀 메뉴를 작동시켜보기로 합시다.

일단... 투명한 커서가 필요합니다. 포토샵으로 하나 작성해주시던지, 이 파일을 받아주세요.

만들땐 그냥 이렇게 해주시면 됩니다. 1픽셀!!

[ <- 여기 있습니다.]

아무튼 추가 완료! 메뉴 파트로 가봅시다.

여기서 오른쪽에 있는 이미지 설정을 보시고, 투명커서를 설정해주세요. 그래야 실행할 때 오류가 안나거든여!

그리고... 지금까지 잘 따라오셨다면 이제 실행을 눌러주세요.

완벽하게 정상작동이 될겁니다.

...는 A키를 누르게 되면 공백이 떠버릴겁니다.

이유는 하나! 우리가 흐름을 설정하지 않았기 때문이져!

여기로 순간이동합시다. 절대로 새로만들기 누르지 마시고여...

뭐 대충. 보시면, 게임을 시작하자마자 타이틀용으로 간다는 걸 아시겠죠. 근데 타이틀용에서는 더 갈데가 없습니다.

일단 타이틀 메뉴를 한번 봅시다. 뭐가 있었죠?

맞아요! 게임 시작과 끝내기가 있었습니당. 그럼 조건 분기에 의해서 흐름이 두가지로 갈라져야겠죠. 게임 시작을 눌렀을 때와 끝내기를 눌렀을때로.

캔버스를 두개 만들기로 합시다.

요로코롬 넣었습니다. 게임 시작엔 타일도 깔았고요. 끝내기엔 별 의미 없으니 그냥 안깔았습니다.

다시 흐름으로 돌아갑시다.

저희가 방금 추가한 녀석이 생겼을겁니다. 이런 캔버스들은 다른 캔버스와 연결시켜주지 않으면 게임에 나타나질 않습니다.

그.러.므.로! 게임 시작과 끝내기를 연결시켜줍시다. 타이틀용에 달린 별표시를 드래그해서 다른 캔버스와 연결시켜주시면 됩니다.

제대로 하신거라면 이렇게 될겁니다.

그리고... 캔버스 분기라는게 생기죠.

짜자잔! 밑부분에 출력됩니다.

분기 조건을 통해서 게임 시작과 끝내기, 둘 중 하나로 화면이 전환됩니다. 자! 이제 예전에 설정했던 스위치를 써먹을 시간입니다.

선택된 스위치가 ON일경우에다가, 게임 시작을 선택해줍시다. 게임 시작 스위치가 ON일 경우 화면이 게임 시작 캔버스로 전환됩니다.

...근데 한번에 바뀌어버리죠. 효과음까지 씹는 패기로요.

그러므로 캔버스 시작 위치를 설정해 줄 필요가 있습니다.

더하기 표시를 눌러서 시작 위치를 하나 만들어주세요. 이름은 별 상관이 없습니다.

시작위치를 만드셨다면 오른쪽에 있는 것들을 사용할 수 있게 됩니다.

위의 사진처럼 설정해주신 뒤, 분기후 캔버스 화면에서 효과음을 설정해주시면 화면전환이 부드럽게 되는 것을 보실 수 있을겁니다.

분기 조건에서 시작 위치 빼먹으시면 안되염!

이렇게 하면 게임 시작이 정상적으로 작동됩니다. 좋은 흐름이다.

몰라도 써보는 액만툴 강좌 #6 [ 타일과 애니메이션 ]

미양 — Wed, 03 Jul 2013 13:37:57 +0900

일단 소재를 벌써 넣어버렸습니다... 우디타에서 쓰는 캐릭터칩과 알만툴VX에서 쓰는 타일셋을 가져왔어요~

소재 넣는 방법은 쉬우니까, 여러분에게 맡기겠습니다. 제성염 ㅠㅠ

타일부터 살펴봅시다.

일단 전반적인 플러그인 설정으로 가주세요.

여기서 기본적인 타일의 크기를 설정할 수 있거든요. 알만툴에선 못보던 기능이지! 하!

게임을 작성하는 도중에 타일 크기를 바꿀경우 대참사가 일어나게됩니다. 그러니 아예 게임을 만들때부터 바꿔야하죠.

VX와 VXACE에서 쓰는 타일의 크기는 32x32입니다. 일단 이 강좌에서는 그 녀석들을 쓸 것이므로, 기본 타일 크기를 32x32로 설정하겠습니다.

다음엔 타일 란으로 가주세요.

그냥 새로 만든 다음 이미지만 씌워준 것 뿐입니다. 타일마다 벽을 설정하거나 데미지를 주도록 설정할 수 있습니다. 그런건 기초적이기 때문에 일단은 스킵합니다.

이렇게 만들어진 타일은 캔버스에서 쓰입니다.

바로 여기죠!

이렇게 타일이 세팅됬다면, 캔버스가 조금 바뀌었을 수도 있습니다.

안바뀜 ㅋ

왜일까여?! 여긴 분명히 전부 타일로 덮여있을텐데!

그 이유는 조금 당연한 말입니다만, 첫번째 타일이 제거용 타일이기 때문입니다! 두번째 타일부터가 리얼 타일인 셈이죠.

그럼 두번째 타일을 한 번 달아볼까요?

굳. 잘 되는군요.

이제 플레이어 가제트가 돌아다닐 곳이 생긴겁니다!

전 타이틀 화면 좀 잘보이라고 하얀색 타일로 뒤덮었습니다.

캔버스에서 빨간색 선으로 이루어진 사각형이 캔버스의 크기를 나타냅니다. 캔버스의 크기는 곧 화면의 해상도와 같으며, 화면의 해상도 (이 프로젝트에서는 1280x720 입니다.)가 가로 1, 세로 1의 값을 가집니다.

이러한 캔버스의 크기는 캔버스 설정에서 설정할 수 있습니다.

일단 강좌니까... 간단하게 타이틀용으로만 쓰겠습니다. 캔버스 크기는 그대로 갑니다.

다음은 애니메이션입니다.

처음엔 아무것도 없기 때문에, 새로 하나 만들어줍시다.

애니메이션 이미지는 우디타에 있는 것을 사용했습니다.

오른쪽에서 이미지를 설정해주신뒤, 상,하,좌,우 시의 애니메이션을 각각 설정해주시면 됩니다.

설정하는게 조금 빡셉니다만, 어렵진 않습니다.

프레임을 추가하신 뒤 프레임마다 오른쪽 밑의 이미지에서 사용될 이미지를 고릅니다.

그리고 디스플레이 방향 프레임 목록을 전부 선택하셔서, 프레임 사이의 간격(표시 시)을 0.1초, 혹은 원하는대로 설정해줍니다.

그러면 기본적인 애니메이션이 완성됩니다.

그나저나... 우디타 캐릭터 크기가 겁나게 작군요. 좀 키우겠습니다.

규모는 5배!!!

...로 하니까 흐릿흐릿하군요. 일단 이걸로 갑시다.

히트판정은 몬스터를 설정할 때 좀 더 자세히 설명해드리겠습니다.

애니메이션과 타일은 워낙 대충설명해서... 아무튼 이렇게 끝이 났군요.

다시 타이틀 화면으로 돌아가봅시다. 이제 구동시켜야죠!

몰라도 써보는 액만툴 강좌 #5 [ 타이틀 메뉴 작성 ]

미양 — Wed, 03 Jul 2013 13:00:12 +0900

이전에 있던 타이틀 메뉴 작성은 잊어버리세여! 왜냐고여? 영문판이었으니까!

다시 한글판으로 돌아왔습니다.

일단 소재를 등록해봅시다. 밑에 있는 이미지를 쓰시거나, 포토샵같은 이미지 툴로 직접 만들어주세요.

사실 그냥 투명한 글씨입니다...

아무튼, 이렇게 문구를 만드셨으면 소재로 등록하셔야겠죠.

뿅! 등록 완료!

새로 만들기로 대충 등록해주시면 됩니다. 사용되는 곳은 아이템에 등록해주세요. 왜 메뉴 파트가 아니냐고여? 메뉴 파트로는 못만드니까여!

그 다음, 메뉴의 아이템 파트로 갑시다. 거기서도 새로 만들기로 아이템 두 개를 만들어주세요.

여기선 새로 시작 아이템과 끝내기 아이템이 필요합니다.

뭐 대충 이렇게. 참 쉽죠? 그냥 아이템 만들고 거기에 이미지를 넣어준 것 뿐입니다.

게임 시작 아이템에서, 아이템 기능으로 들어간뒤 아래처럼 설정해줍니다.

바뀐 것만 형광펜으로 칠해봤습니다. 끝내기도 이것과 똑같이 해주시면 됩니다만, 작동되는 스위치를 다르게 해야합니다.

여기서는 게임 시작 스위치를 '게임 시작'으로, 끝내기 스위치를 '끝내기'로 할게요~

그 외, 애니메이션 부분에선 선택중일 때 소리가 나게 한다던지 통상중일때 조금 흐리게 보인다던지 하는 효과를 넣어주시면 좋습니다.

아이템의 상태는 무조건 네가지이며,

1. 평상시 - 일반 커서로 선택되지 않은 상태

2. 선택중 - 일반 커서로 선택된 상태

3. 비활성화 - 어떠한 조건으로 인해 선택이 불가능한 상태

4. 핫 트랙 - 일반 커서로 선택했지만 사용이 불가능한 상태

정도가 있습니다. 이것들은 삭제가 절대로 불가능합니다.

이렇게 하면 아이템 작성은 끝났습니다. 별것도 아니네여 이거!

아이템 작성이 끝났다면, 다음은 뭘까여? 바로 메뉴에 써먹는게 아니냐고여?

아쉽게도 아닙니다... 커서라는 녀석을 만들어줘야하죠. 메뉴 파트 란으로 가줍시다.

빠르게 갑니다. 새로 만들기를 할 때 커서로 만들어주세요.

그러면 메뉴 파트는 끝.

이제 메뉴에 써먹어보기로 합니다. 메뉴로 ㄱㄱ!

Aㅏ... 번역이 덜 됬습니다.

하지만 문제될 게 없죠. 레이아웃 네비게이터가 9화면으로 분할된 게 보이시나요? 사실 직접적으로 보이는 화면은 파란색의 정중앙이 전부입니다. 측면에 달린 8개의 화면에서는 사실적으로 표시되지는 않지만, 일정 키를 누르거나 스위치를 켬으로써 표시가 되긴 됩니다.

아,무,튼! 새로 만들기를 누르거나 메뉴 이름을 바꿉시다. 대충 게임 시작스러움을 알려주는 이름이면 됩니다.

굿.

그 다음, 오른쪽에 딸려있는 레이아웃 파트에서 아이템 란을 열어줍니다.

새로 시작과 끝내기 아이템이 보이시죠? 한번 클릭해서 화면에 넣어줍니다. 잘 넣고싶으시다면, (잘 안보이지만) 붉은 동그라미 안에 있는 격자를 클릭해주시면 됩니다. 자석처럼 생긴 아이콘은 격자에 맞춰서 이미지를 배열해주고, 격자처럼 생긱 아이콘은 화면에 격자를 표시해줍니다.

아이템을 추가해주시면, 사진이 없습니다만 세부 사항을 설정하는 화면이 나올겁니다. 아무것도 건드리지 말고 그냥 확인을 눌러주세요.

타이틀 메뉴가 틀을 갖췄습니다! 완전 좋은듯?

이제, 이 다음부터가 진짜입니다.

밑에 가려져서 보이지 않는 레이아웃 파트를 열어줍니다. 여는 방법은 오른쪽 밑에 달려있는 화살표를 누르시면 됩니다.

이렇게 나오면 거의 성공한겁니다. 제건 창이 좀 작은데, 일부러 좀 줄인거랍니당.

맞다. 커서를 안넣어줬네요? 커서도 아이템과 같은 방식으로 넣어주시면 됩니다.

하지만! 여기선 세부사항을 조금 설정해줘야합니다.

커서 그룹에서 새로 시작과 끝내기 아이템을 추가해주세요. 추가하시면 아이템이 오른쪽으로 넘어갑니다.

이러면 기본적인 세팅이 끝난겁니다.

액션 RPG 란의 캔버스로 가봅시다.

좀 검네여.

아무튼! 아직 레이아웃에서는 할 게 없습니다. 캔버스 설정으로 ㄱㄱ!

여기서 캔버스 메뉴를 방금 작성한 메뉴로 설정해주시면 됩니다.

이제 게임을 시작해봅시다.

뭐래니 얜!

그냥 넘기죠.

어버비죠이

아직 타이틀을 만들 때가 아닌가봅니다... 타일부터 설정하고 뭘 하던지 말던지 하라는군요.

어쩔 수 없져. 하라는대로 해주러 갑시다.

몰라도 써보는 액만툴 강좌 #4 [변수와 스위치]

미양 — Mon, 04 Mar 2013 11:28:51 +0900

액만툴의 변수와 스위치엔 붉은 글씨로 쓰여져 삭제가 불가능한 변수들이 있습니다.

이 붉은 변수들은 게임의 시스템과 밀접한 관련이 있기 때문에, 프리셋 값을 조정할 때 신중해지셔야 합니다.

변수와 스위치는 게임을 시작하기 전에 값이나 on, off 여부를 설정해 줄 수 있습니다.

일단 변수부터 살펴볼까요!

플레이어의 이동 속도 - 플레이어의 이동 속도에 관여합니다. % 값이며, 100이 가장 이상적입니다.

'' 최대 이동 속도 - 아시죠? 최대 이동 속도에 관여합니다.

'' 중력 - 플레이어가 점프하는 높이와 점프한 뒤 떨어지는 속도에 관여합니다. 1이 무난합니다.

'' 체력 - 플레이어의 전반적인 체력입니다. 이 변수가 0이 되면 잔기가 1 줄어듭니다.

'' 최대 체력 - 뭐!

'' 데미지 - 플레이어가 직접 부딪혀서 적에게 줄 수 있는 데미지에 관여합니다.

'' 최대 데미지율 - 그 데미지의 정도에 관여합니다. 데미지는 100, 데미지율은 200으로 설정하셨다면, 데미지가 100~200 사이를 웃돌게 됩니다.

'' 마력 - 플레이어의 전반적인 마력입니다. 젤다같은 게임 장르가 아니고서야 잘 안쓰입니다. 이건 변수가 0이 되어도 잔기가 줄지 않습니다.

'' 최대 마력 - 뭐!

'' 코인 - 플레이어가 먹은 코인 갯수에 관여합니다.

'' 최대 코인 - 플레이어가 먹을 수 있는 최대 코인 갯수에 관여합니다. 스위치란에서 코인 변수가 최대 코인 변수까지 다다르게 되면 잔기가 늘어나고 코인은 초기화되도록 설정할 수 있습니다.

'' 잔상 갯수 - 플레이어가 흩뿌릴 수 있는 분신에 관여합니다. 어려워서 저도 아직 안써봤습니다...

'' 무적 시간 - 데미지를 입거나 플레이어가 잔기를 잃고 다시 소생할 때의 무적 시간에 관여합니다.

'' 잔기수 - 기본적인 잔기에 관여합니다. 잔기는 일종의 목숨이라고 보시면 됩니다.

'' 최대 잔기수 - 플레이어가 얻을 수 있는 최대 잔기수에 관여합니다. 이 변수 이상으로 잔기수가 늘어나지 않습니다.

잔기가 증가하는 스코어 (1회째) - A라고 가정

잔기가 증가하는 스코어 (2회이후) - B라고 가정하겠습니다.

(잔기가 증가하는 방식)

스코어 변수는 보통 0에서 시작합니다. 이 스코어 변수는 게임을 플레이하면서 엄청나게 늘어나는데, 게임을 플레이하기 전 A를 10000으로 설정해 놓고, B를 20000으로 설정해놓는다면, 스코어 변수가 10000이 됬을 때 잔기가 한 번 늘어나고, 그 뒤로는 20000, 40000, 60000, 80000... 순으로 잔기가 늘어나게 됩니다.

체력이 줄어든 후의 무적 시간 - 통상적인 가제트가 데미지를 입었을 때의 무적 시간에 관여합니다.

체력 정보 임시 보관용 - 통상적인 가제트의 체력에 관여합니다. 플레이어와 부딪힌 적의 체력이 이 변수에 들어갑니다.

체력 정보 복사처 - 통상적인 가제트의 체력에 관여합니다만, 이건 수동적인 변수이기 때문에 제작자가 직접 복사하고 싶은 가제트에 변수값을 지정해주어야합니다. 보스의 체력등에 자주 쓰입니다.

가제트의 가속도 조정 - 얼음 바닥등을 만들 때 쓰이는 변수입니다. 모든 가제트들이 움직이다 멈추었을 때 바로 멈추지 않고 제동 거리가 생기게 됩니다.

플레이어를 강제 점프 - 트램펄린등을 만들 때 쓰이는 변수입니다. 변수에 값이 들어가면, 플레이어가 그 값만큼 즉시 점프하게 됩니다. 바닥에 착지해야 변수 값이 0으로 되돌아갑니다.

키 반복 개시까지의 시간 - 궁금하신 분은 댓글 창에 ㅁ을 길게 쳐보세요. 처음엔 ㅁ이 하나만 쳐지지만, 얼마 지나지않아 ㅁ이 많아지는 것을 볼 수 있을겁니다. ㅁ이 계속 쳐지기 전까지의 시간을 뜻합니다.

키 반복 간격 - 키를 누르고 있을 때 파파파팍 나갈지 팍팍팍팍 나갈지의 설정에 관여합니다.

파일 번호 - 세이브하는 파일의 번호에 관여합니다. 1,2,3 외의 값은 오류가 납니다.

파일 복사원본 번호 - 세이브한 파일을 다른 파일에 복붙할 때에 관여합니다. 1,2,3 외의 값은 오류가 납니다.

스코어 - 게임의 전반적인 스코어에 관여합니다.

하이스코어 - 하이스코어에 관여합니다. 스코어 변수의 기록이 끝난 다음, 이전 스코어 기록과 비교하여 더 큰 스코어가 이곳에 저장됩니다.

제한 시간 - 게임의 제한 시간에 관여합니다. 초단위이며, 이 변수가 0이 되면 플레이어의 체력이 0으로 강제 설정됩니다. 다른 캔버스로 넘어가거나 하면 제한 시간이 초기화됩니다.

흐름의 변경 정보 - 스테이지 수를 관리하기 위해 만들어진 변수입니다. 그냥 변수입니다.

구역 번호 - 스테이지 번호를 관리하기 위해 만들어진 변수입니다. 이것도 그냥 변수입니다.

컨티뉴 횟수 - 컨티뉴한 횟수에 관여하는 변수입니다. 역시 그냥 변수입니다.

클리어 한 횟수 - 클리어한 횟수에 관여하는 변수입니다. 그냥 변수라고

이것까지가 처음 설정되어있는 기본 변수들입니다. 다른 것은 제작자가 직접 추가하던지 할 수 있습니다.

이제 스위치를 살펴볼까요? 스위치는 꽤 짧습니다.

코인 100으로 잔기를 늘린다 - 코인 100으로 잔기를 늘립니다. 딱 100입니다. 최대 코인수와는 아무런 관련이 없습니다.

가제트의 체력을 복사 - 가제트의 체력을 복사합니다. ON일 경우, 체력 정보 임시 보관용에 있던 변수가 체력 정보 복사처에 복붙됩니다.

플레이어의 잔상도 총알을 발사한다 - 플레이어의 분신들도 플레이어가 탄환을 날리면 같이 날리게됩니다.

모든 변수와 스위치를 초기화 - 모든 변수와 스위치가 초기화됩니다. 가제트를 이용해서 ON이 가능합니다.

파일에 보존 - 파일 번호 변수를 참조한 위치에 데이터를 저장합니다.

파일로부터 불러온다 - 파일 번호 변수를 참조한 위치에서 데이터를 불러옵니다.

파일을 삭제 - 파일 번호 변수를 참조한 위치에 있는 데이터를 삭제합니다.

파일을 복사 - 파일 복사원본 번호 변수를 참조한 위치에 있는 데이터를 복사합니다.

스위치는 짧은데 어렵고, 변수는 그냥 어렵죠? 일부러 어렵게 설명했어요.

...가 아니라 어쩔 수 없답니다. 이건 앞으로 일어날 일들에 비해선 새발의 피니까요.

몰라도 써보는 액만툴 강좌 #3 [소재 넣기]

미양 — Tue, 26 Feb 2013 16:20:15 +0900

소재, 스프라이트, 리소스 등등....

액만툴의 최대 난제가 바로 이겁니다. 소재!

흐름란에서 막히신 분들은 '소재'란으로 들어가시기 바랍니다. 이미지를 클릭하시면 기본 이미지로 아이콘과 폰트가 있을 겁니다.

일단 지금 저희에게 중요한 건 아래와 같습니다.

1.주인공 스프라이트 (알만툴의 캐릭터 칩)

2.메뉴 스프라이트

3.맵을 구성하는 타일 스프라이트 (알만툴의 타일셋)

4.아이템 스프라이트 (알만툴의 Icons)

5.적 스프라이트 (알만툴의 캐릭터 칩)

매우 다행스럽게도, 주인공이나 타일, 아이템, 적 스프라이트는 알만툴에서 따 올 수가 있습니다. 전 그것을 응용하여 알만툴에서 쓰이는 소재들 중 타일셋을 슬쩍하기로 했습니다. 툴 왼쪽에 달려있는 버튼들 중에서 '새로 만들기'를 눌러 그림 파일을 불러옵시다.

짜잔! 삽입 성공입니다. 이미지 크기를 제대로 설정해주시는 게 좋습니다. 넓이와 높이를 제대로 맞추지 않으시면 나중에 크게 피봅니다.

이미지 크기를 설정하셨다면, 그 밑에 '사용되는 곳'이라는 게 보일겁니다. 여기서 체크박스들을 일일히 건드려줘야 하는데, 만약 제대로 해주시지 않는다면 지금 보이는 타일셋 소재가 아이템으로 쓰일 수도 있고, 맵의 원경이 될 수도 있으며, 폰트처리가 될 수도 있습니다. 귀찮다고 체크를 풀어주시지 않으면 나중에 소재 관리가 힘들어지므로 세심하게 고려해주세요.

맨 밑에 보이는 '사용되는 곳'은 현재 그 소재가 어디에 쓰이고 있는지를 말해줍니다. 전 이미 타일로 설정을 해놓았기 때문에 밑에 '타일'이라는 단어가 뜨는군요.

이렇게 그림 소재 등록이 끝났다면, 다음은 폰트입니다.

별로 방대하지도 않습니다. 제가 직접 한 번 설명해보겠습니다.

일단 툴 왼쪽에 달린 새로 만들기 버튼으로 폰트를 여러개 만들 수 있습니다. 저같은 경우 있는 것도 많아서 새로 만들진 않았습니다.

대중 폰트를 분류하자면, 그림으로 만든 '이미지 폰트'와, 운영체제에서 쓰이고 있는 '트루타입폰트'가 있습니다. 이미지 폰트는 여러분이나 다른 사람들이 만든 이미지를 기준으로 폰트를 짜는 것이며, 트루타입폰트는 그냥 컴퓨터에서 쓰는 폰트를 끌어와서 별 다른 설정 없이 사용하는 것을 뜻합니다.

트루타입폰트가 굉장히 편하긴 합니다만, 아이템 이미지나 그 외 잡스러운 것들을 출력하고 싶을 땐 이미지 폰트를 사용할 수 밖에 없습니다.

이미지 폰트의 설정은 굉장히 단순합니다. 오른쪽에 나와 있는 '폰트 미리보기'에 나타난 화상을 보면서, 가운데에 위치한 '문자' 창에 순서대로 입력해주시면 됩니다. 기본 폰트의 경우 숫자, 일본어, 영어를 지원합니다만, 한글은 지원하지 않기 때문에 텍스트 소재에 한글을 써버리면 출력이 안되는 일이 발생합니다. 한글을 이미지 폰트로 쓴다는 생각은 거의 미친짓이기 때문에 절대적으로 트루타입폰트를 쓰시길 권장합니다.

폰트 등록은 별로 어렵지 않았죠? 어려웠다고요? 절 탓하세요. 워낙 설명을 못하는 체질입니다.

각설하고... 이제 텍스트란으로 가봅시다.

간단함 그 자체입니다.

새로 만들기 버튼으로 텍스트를 써주신 다음, 텍스트 목록에서 그냥 알아볼 수 있는 제목으로 바꿔주시면 됩니다.

디스플레이 정보는 웬만해선 잘 안건드립니다만, 알려드리긴 하겠습니다.

캐릭터 사이 : 이거 '행간'입니다. 행과 행 사이의 길이를 조절합니다.

자간 : 글자와 글자 사이의 길이를 조절합니다.

표준 폰트 : 말하지 않아도 알 수 있는 그것

다음은 게임의 꽃인 브금과 효과음이군요.

통틀어서 설명하겠습니다.

새로 만들기 버튼으로 음향 파일을 가져올 수 있습니다. wav, aif 형식만 지원을 한다는 게 함정...

그리하여 파일을 가져오면, 볼륨이나 좌/우 밸런스, 피치를 설정해 줄 수 있습니다.

좌/우 밸런스 : 기본적인 스테레오 설정입니다. -로 가면 왼쪽에서만 들리고, +로 가면 오른쪽에서만 들리게 됩니다.

피치 : 높낮이라고 보시면 편합니다. 피치가 높아지면 전체적으로 음악이 빨라지고, 낮아지면 음악도 느려집니다.

음악 파일들은 전부 왼쪽에 달려 있는 '테스트' 버튼으로 미리 들어볼 수 있습니다. 그런데 커서 한 번이라도 잘못움직이면 꺼져버립니다...

SE의 음향 효과는 그냥 넘어가겠습니다. 너무 슬픈 기능이라 ㅠㅠ

오늘은 대충 이만큼만 쓰겠습니다. 변수와 스위치는 나중에 다루기로 하죠.

그리고 FedEx가 배달 하나는 잘합니다.