뻔뻔한블로그

인벤토리 아이템 정보창

인벤토리에서 어떤 아이템인지 표시해주고 그 아이템의 대한 설명이 필요하다.

당연하지만 모든 아이템은 가지고 있는 정보가(공격력, 방어력, 회피율 등등) 다르다.

여기서   모든 아이템은 아이템정보창을 하나로 쓰기에 발생되는 문제? 가있다. 

  아이템 타입의 따라 출력되는 정보가 다르기에.  해당하는 아이템의 정보가 아닌 경우 '0'으로 표시될수가 있다. (ex 무기인데 방어력이 표시되는 경우 기획에 따라 다를수있긴 하지만)

먼저 모든아이템들이 공통적으로 입력되는 것은 Sprite이미지, 아이템이름, 아이템 설명

아이템 타입의 따라 분류를 해보자

무기 타입일 경우 무기 타입, 무기 등급, 공격력, 크리티컬, 공격 속도, 무기 등급

방어구 타입은 방어구 타입, 방어구 등급, 방어력, 회피율, HP

 이런 식으로 나뉘게 된다.

해당하는 아이템의 능력치에 해당하는 Text는 켜주고 그렇지 않은 능력치인 경우는 꺼주는 과정이 필요하다.

그런데 이렇게 해도 또 문제가 발생한다.

 ----------------

공격력

공격 속도

방어력

체력

----------------

UI Text가 이런 식으로 배치되어있는데 여기서 공격력과 체력만 사용하면 중간의 공격 속도와 방어력은 오브젝트를 꺼주는데 그럼 중간에 텅 비게 된다.

----------------

공격력

체력

----------------

이런 식으로 표시될 거다.

이문제는 Grid Laydout Group를 이용하면 해결이 가능하다.

장착 아이템 수치 표시

장착을 하면 현재 캐릭터의 수치를 표시해줘야 한다.

예를 들어 체력 : '히어로 체력+아이템 스텟'  '(+ 아이템 스텟)' 이런 식으로 능력치를 표시한다.

여기서도 당연히 아이템을 장착할 때 스텟 값을 변경하는 과정에는 여러 가지 경우가 있다. 

 '(+ 아이템 스텟'

아이템을 장착/해제할 경우 :  현재 장착되어있는 모든 아이템들의 정보를 계산하여 표시 

'히어로 체력+아이템 스텟'

여기서 그냥 현재 히어로 스텟에 아이템 스텟을 더하면 안 된다. 그 아이템을 뺄 경우와 아이템 능력치가 곱하기나, 나누기, 퍼센트로 들어갈 경우가 있기 때문에 원본 스텟을 복사하여 사용하는 게 좋다. 원본스텟은 레벨업을 할경우?를 제외하고는 건들지 않도록 하는게 좋다.

무기 타입은 총 8가지

맨손, 한손검, 양손검, 메이스, 한 손 창, 양손 창, 한 손 도끼, 양손 도끼가 있다.

일단 한 손무기중에서 공격애니메이션을 제외한 대기,이동,점프등등 같은 애니메이션을 사용하고 공격애니메이션은 메이스와 한손도끼는 비슷하기에 같게 만들었다.

한손검은 다른 한손 무기 애니메이션보다 속도가 빠르다.

무기 리소스 모양의 무기 타입을 맞추는 것이라 시간이 들었다. 

플레이어 애니메이터

WeaponState로 무기가 스왑 되면 해당하는 애니메이션으로 넘어가도록 했다.

무기 스왑

무기 타입별 애니메이션

각 무기타입별 애니메이션은 아래와 같은 구조로 4개의 서브 스테이트로 다시 분류된다.

공격 애니메이션

마우스 좌측으로 연속 입력의 따라 3단 공격까지 가능하다.

무브 애니메이션

스킬 애니메이션

생활 콘텐츠용

UI오브젝트의 위치를 지정하는 것은 월드맵의 존재하는 오브젝트들의 위치를 변경하는 것과 다르다.

월드맵의 존재하는 오브젝트 Transform의 Position의 값으로 위치를  지정해준다.

하지만 UI는 아래와 같이 Rect Transform으로 위치를 지정해준다  

UI는 단말기의 보여지는 사각형의 스크린 뷰로 Canvas밑에서 관리된다. 그렇기에 다른 방법으로 위치를 지정해줘야 한다.

RectTransform으로 접근한 뒤 anchorePosition으로 접근해서 값을 지정해줄 수 있다.

추가적으로 ) RectTransform

Anchors : 사각형 왼쪽 하단 모서리와 오른쪽 상단 모서리의 앵커

Min :  사각형 크기의 일부로 정의되는 사각형 왼쪽 하단 모서리의 앵커 포인트. 0,0은 상위 사각형 왼쪽 하단 모서리의 앵커에 해당하고 1,1은 상위 사각형 오른쪽 상단 모서리의 앵커에 해당

Max :  사각형 크기의 일부로 정의되는 사각형 오른쪽 상단 모서리의 앵커 포인트. 0,0은 상위 사각형 왼쪽 하단 모서리의 앵커에 해당하고 1,1은 상위 사각형 오른쪽 상단 모서리의 앵커에 해당

Left, Top, Right, Bottom : 앵커를 기준으로 한 사각형 에지의 상대적인 포지션으로, 앵커에 의해 정의되는 사각형 안의 패딩

https://docs.unity3d.com/kr/current/Manual/class-RectTransform.html

콜라이더 그리드 관리

월드맵에서 모든 땅 포함 오브젝트 콜라이더 유지 비용을 줄이기 위해 그리드 형식 콜라이더를 켜주고 꺼주는 시스템을 만들었다. 플레이어가 없는 위치의 콜라이더가 활성화될 필요가 없기 때문이다.

플레이어가 위치한 그리드를 제외한 모든 다른 그리드에 포함된 오브젝트의 콜라이더는 꺼주도록 한다. 

활성화된 그리드는 초록색 비활성화된 그리드는 빨간색으로 기즈모 색상을 변경하여 보여주고 있다.

크기는 12x12로 총 144개의 그리드로 나누고 한 그리드당 스케일 값은 50이다. 

그리드는 플레이어가 위치한 그리드를 중심으로 최소 4개(가장자리에 있을 때)~최대 9(자신 포함 8방) 개까지 켜준다.

월드맵의 총 3천개 이상의 오브젝트들이 있으며 게임시작과 동시에 각오브젝트의 위치를 통하여 그리드로 관리된다.

RPG 게임이기에 플레이어는 NPC는 몬스터 등 상호작용할 객체들이 많다.

그렇기 때문에 인터페이스 인터렉션을 만들어 사용하면 꽤 좋을 것 같다고 생각했다.

일단 플레이어와 상호작용하는 기본들이다.

1. InterType : 인터렉션타입 (NPC, 몬스터, 아이템 루팅 박스 등등

2. enable : 이 객체와 플레이어가 인터렉션을 사용할수 있는지 상태 체크용

3. InterString : 나는 그 객체를 상호작용 시도할 수 있다는 상태를 보여주기 위함으로 썼다.

4. sInterPlayerAni : 이 객체를 만났을 때 플레이어가 취하는 애니메이션들을 가지고 있다.

5. ShowInter() : InterString과 마찬가지로 이상태가 되면 객체가 발생하는 행동들이 있다.

6. ActionKey() : 5번이 활성화된 상태에서 2번 조건이 true이고 플레이어가 액션키 버튼을 누르면 실행되는 행동

7. EndIter() : 인터렉션이 끝난 후 처리

8. NonShowInter() : 5번과 반대되는 경우 

사용 

NPC와 대화

1. InterType : NPC(대화하기) 

3. InterString : 대화하기

5. ShowInter() : NPC 손 흔들기 애니메이션, 인터렉션 UI상태 true 

6. ActionKey() : 5 플레이어가 F키 누르면 NPC는 대화하는 애니메이션을 작동하고, 퀘스트 창을 출력 , 카메라 줌인

7. EndIter() : 퀘스트 창 닫고, 카메라 줌아웃

8. NonShowInter() : 인터렉션 UI상태 false

생활컨텐츠 : 벌목

문제점 : 빨간색 / 해결방법 : 파란색 / 느낀 점 : 녹색 

갑자기 나타난 오류. 코드 상의 오류는 아닌 것 같았다. 

문제점 : Assertion failed on expression: 'task.rasterData.vertexBuffer == NULL'

찾아보니 무기효과에 사용된 파티클에서 에러가났었다. 원래 잘됐었는데...

문제의 원인이 무엇인가 찾아봤다. 3.5이하 버전에서 나타는 오류라고 한다.

해결방법  : 3.5이상 버전업으로 해결했다.

느낀 점  : 코드이외의 나타나는 오류는 원인을 예측하기도 힘들고 해결방법도 쉽지 않다. 다행히 나 말고도 이런 오류를 발생하는 다른 사람들이 올려놓은 질문들로 해결을 하긴 했다. 그리고 버전을 변경하는거 자체가 많은 리소스등 많은 오류를 가져올 수 있어서 걱정헀지만 다행히 큰 문제들은 없었다. 

인벤토리 아이템 개수가 보이는 슬롯의 개수를 초과했을 때 스크롤 뷰로 처리하면 된다.

적용방법

생성 or 기존 이미지의 컴포넌트 추가

추가할 때는 UI -> Scroll View을 만들어준다.

나는 기존의 만든 이미지의 컴포넌트를 추가했다.

컴포넌트 살펴보기

Movement Type : 밑에 설명

Viewport : 표시하고자 하는 콘텐츠가 보일 배경? 공간

Content : 표시하고자 하는 슬롯

Scrollbar Horizontal/Vertical :  수평/수직 스크롤바

나 같은 경우는 수평 스크롤바는 필요 없으니 뺐다.

쉽게 슬롯들은 Content자식으로 넣어두면된다.

(Grid LayOut을 이용해 슬롯을 정렬)  

Movement Type

Unrestricted : 콘텐츠들이 드래그한곳으로 움직이며, 되돌아오지 않음

Elastic : 스크롤 영역 밖으로 나가도  다시 돌아옴

Clamped : 아예 못 나감

스크롤바와 Grid LayOut은 다른글에 포스팅하도록 해야겠다.

문제점 : 빨간색 / 해결방법 : 파란색 / 느낀 점 : 녹색 

이미지를 아틀라스 패킹하고 잘 로드되고 있다고 뜬금없이 몇몇의 이미지들이 뒤집혀 나왔다. 

아틀라스 오류? 패킹 과정 중에 오류? 인지 생각해보고 구글 검색을 했다. 검색으로 원하는 답변은 얻을 수 없었고, 아틀라스 프로퍼티타입을 위에서부터 하나하나씩 무슨 기능인지 확인했다.

확인과 동시에 내 아틀라스 설정과 비교하던 중 Allow Rotation이 체크되어있었다. 

체크를 해제하니 다시 원상태로 돌아왔다. 디폴트 값으로 체크가 디폴트 값이었다.

(유니티) 툴의 모든 프로퍼티의 기능들을 모르고 있을 때 이런 문제가 생기면 코드 상의 오류보다 해결하는데 더 많은 시간이 투자될 수도 있다. 최대한 많이 부딪혀보고 삽질도 많이 하다 보면 많은 경험과 노하우가 생길 것 같다 그전까지 열심히 개발과 공부를 해야겠다.

쉐이더코드

C# 유니티 스크립트 

2D이미지의 붙어있는 머테리얼

(obj는 Image)

쉐이더코드 변수의 값 받아오기

GetFloat("변수이름");

쉐이더코드 변수의 값 변경하기 

SetFloat("변수 이름", 변경할 값);

3D모델

1. material

2. sharedMaterial

두가지 접근방법이 있다.

material은 해당 오브젝트의 머테리얼만

sharedMaterial은 해당 머테리얼을 포함한 모든 오브젝트의 값을 변경하게된다.

material은 사용할때 각각으로 인스턴싱하기 때문에 배칭이 안된다. 

셰이더코드없이 노드구조로 셰이더효과를 낼 수 있는 어셋

어셋을 활용하기 위해서는 쉐이더의 기본용어는 알아두는게 좋다

UV좌표 : 텍스쳐 이미지를 3차원 공간의 폴리곤에 입히기위해 변환 기준이 되는 2차원 좌표계

UV 매핑 : D:2차원 그림을 3차원 모델로 만드는 3차원 모델링 프로세스

(자세한설명  https://kblog.popekim.com/2011/12/03-part-1.html)

그래픽스 파이프라인

3차원 컴퓨터 그래픽스에서 그래픽스 파이프라인(graphics pipeline) 또는 렌더링 파이프라인(rendering pipeline)은 3차원 이미지를 2차원 래스터 이미지로 표현을 하기위한 단계적인 방법

Shadero Sprite - 2D Shader Editor 사용방법

어셋다운로드

에셋을 다운로드하고 열면 이런 에디터화면이 나온다. 여기서 작업을하게된다.

Build Shader 생성

마우스 오른쪽 클릭 -> Build Shader 선택

Shadero Sprite Shader 스크립트 생성

유니티 프로젝트창에서 마우스 오른쪽 클릭

쉐이더 코드를 적용할 머테리얼도 같이 생성

쉐이더 코드 넣기

아까 생성한 쉐이더코드를 드래그앤드롭으로 놓는다.

머테리얼도 넣어둔다

적용할 이미지(텍스처) 추가

New Texture를 누르고 Select를 통해 원하는(쉐이더를 적용할) Sprite이미지를 선택한다.

Build Shader로 선을 이어준다

그러면 우측상단에 결과적용 이미지가 출력되는것을 볼 수 있다.

기본적인 효과설명

4Gradients

Twist UV 효과 UV->FX(UV)

Burn 효과  RGBA -> FX -> Burn FX

PlasmaFX

Gold효과

적용방법

쉐이더코드를 머테리얼에 적용후 그 머터리얼을 sprite에 적용

번외

쉐이더 그래프

유니티자체에도 쉐이더를 노드구조로 그리는 기능이 있음

프로젝트 생성할때 설정해주고 만들어야 쉐이더 그래프를 사용이 가능하다.

튜토리얼 https://www.youtube.com/watch?v=VvK7sLbbLYE

랜더텍스처

Render Texture는 런타임에서 생성 및 갱신되는 특수한 Texture입니다. 사용하려면 먼저 새 렌더 텍스처를 만들고 Cameras 중 하나를 지정하여 거기에 렌더링합니다. 이제 정상적인 텍스처처럼 Material의 렌더 텍스처를 사용할 수 있습니다. Unity 표준 에셋의 Water 프리팹은 실시간 반사와 굴절을 생성하기 위해 렌더 텍스처를 실제 월드상에 사용하는 예입니다.

<https://docs.unity3d.com/kr/530/Manual/class-RenderTexture.html>

카메라가 비추는 화면을 다른 특정 이미지에서 보여줄 때 사용했다. 

1. 랜더텍스처 생성

랜더 텍스처를 생성한다.

2. 카메라 추가

일단 특정 오브젝트를 비추는 카메라가 있어야 한다. 그렇기에 카메라를 추가하고 

이곳에 아까 생성한 랜더 텍스처를 추가한다.

3. Raw 이미지 추가

Raw 이미지를 추가한다. 이 이미지 크기로 카메가 비추는 화면이 보이게 된다. 적절히 크기를 설정해주고

이쪽에도 랜더 텍스처를 넣어준다.

4. 추가 작업

보이긴 하는데 뒷배경도 나와 보기가 별로다. CullingMask를 통해 보일 오브젝트만 레이어로 분류하면 된다.

나 같은 경우는 ClearFlag를 Solid로 바꿔서 캐릭터만 보이도록 했다.

사실 리소스랑 맵과 캐릭터와 딱 어울리는 UI를 찾는 게 어려웠다.

그래도 가능한 제일 어울리고 이쁜 UI를 만들고 싶었기에 열심히 찾았다.

그리고 요즘 핫한 패스오브엑자일 원형 HP, MP통처럼 그냥 일반 HP바처럼 가만히 있는 것이 아닌 실제 피가 가만히 있지 않듯 물결 흐르는 쉐이더 효과가 이쁘다.

사실 UI 짬뽕이 돼서 이질감이 살짝 없진 않지만 나중에 바뀌더라도 일단 이렇게 작업을 해야겠다.

1. visual SVN 다운로드

다운로드 : https://www.visualsvn.com/

2. VISUALSVNSERVER 다운로드 누르고 자신의 OS비트를 확인하고 다운로드한다.

3. NEXT를 쭉 눌러준다.

Administration Tools Only는 다른 컴퓨터에 Visual SVN서버가 설치되어있고 원격으로 관리하는 경우에 선택

4. 경로설정 

Location : Visual SVN Server 프로그램이 설치될 경로를 설정

Repositories : Commit한 소스들이 업로드 될 최상위 경로 지정

Server Port : 서버가 구동되었을 때 사용할 Port

특별한 경로가 없다면 Next

5. VisualSVN Server Manager

[Create New Repository] 서버에 폴더를 만들 수 있는 저장소

6. 서버에 만들 폴더 이름지정

그리고 next

7. 서버주소

서버주소가 만들어졌다.

8. SVN계정

계정을 만들어준다.

9. 권한부여

아까 생성한 계정을 클릭하고 권한을 부여하고

[Everyone]은 아무나 접근이 불가능하도록 No Access 해준다.

그 다음은 SubVersion을 설치하여 사용하면된다!

직업선택 (미완성 상태)

위치 값 한 곳을 두고 캐릭터를 클릭하면 그 위치로 캐릭터가 걸어 나온 뒤 공격 애니메이션을 취한다. 이미 걸어 나온 캐릭터가 있는 상태에서 다른 직업의 캐릭터를 클릭하면 그 캐릭터는 뒤로 이동하고 새로 선택한 캐릭터가 위치한다.

캐릭터 커스텀 아이징

메쉬를 로드해서 교체하는 방식이다. 이때 유저가 선택하는 커스텀 데이터는 저장이 필요하다. 인게임 속 다른 방어구를 착용하고 장착 해제를 했을 때 이상태로 복귀가 필요하기 때문이다.

문제점 : 빨간색 / 해결방법 : 파란색 / 느낀 점 : 녹색 

NullReferenceException: Object reference not set to an instance of an object

UnityEditor.Graphs.Edge.WakeUp () (at C:/buildslave/unity/build/Editor/Graphs/UnityEditor ~~~~

문제점: NullReference가 뜨길래 비어있는 곳을 참조했나? 해서 하이라키상의 모든 오브젝트를 뒤졌는데 찾지 못했다.. 그래서 뭔가 해서 구글에 검색해보니 UnityEditor.Graphs.DLL에 있는 Unity 코드의 오류라고 한다. 오류 메시지의 C :는 Unity 개발자의 환경을 가리키며 컴퓨터가 아니라 DLL이 만들어졌기에. 이전 포럼 게시물 및 unityAnswers를 보면 전환이 없는 애니메이터 컨트롤러를 삭제하고 다시 만들 때 가장 자주 발생한다고 한다.

해결방법 : 유니티를 재 시작해.

느낀 점 : 내가 작성한 코드에서 오류가 날 때도 있지만 프로그램상이나 meta파일 등으로도 오류가 나타나는데 해결하기가 꽤 까다로울 것 같다. 코드 외적으로 신경 쓰며 작업이 필요할 듯하다.