unity 73

Cubic spline

개발을 하다보면 곡선에 대한 계산이 필요한 경우가 있다곡선에 대한 식은 여러가지가 있지만 보통 사용되는 것은 베지어 곡선과 스플라인 곡선이다. 베지에 곡선 - 위키백과, 우리 모두의 백과사전 (wikipedia.org) 베지에 곡선 - 위키백과, 우리 모두의 백과사전위키백과, 우리 모두의 백과사전. 2차 베지어 곡선 3차 베지어 곡선 베지에 곡선 혹은 베지어 곡선(Bézier Curve)은 n {\displaystyle n} 개의 점으로부터 얻어지는 n − 1 {\displaystyle n-1} 차 곡선으로 수치ko.wikipedia.org베지어, 베지에 곡선의 경우 시작점과 끝 점, 그리고 여러개의 제어점으로 구성이 되는데 곡선은 시작점과 끝 점만 지나게 된다. 개발 중 곡선이 시작, 끝 점만 지나도 ..

Unity/퍼온거 2024.07.15

Content Size Fitter - Layout Element

유니티의 UI 컴포넌트 중에는 컨텐츠사이즈피터(ContentSizeFitter)라는 컴포넌트가 존재한다. 이 컴포넌트의 인스팩터 창은 위와 같이 간단하다. 이 컴포넌트의 기능은 해당 컴포턴트가 붙어있는 오브젝트의 크기를 하위에 있는 자식에 맞추어서 자동으로 변경해주는 역할을 한다. 이 컴포넌트는 보통 아래와 같이 레이아웃 그룹 컴포넌트들과 같이 사용된다. 왼쪽은 높이 100의 빨간 이미지 하위에 높이 100의 흰 이미지 2개를 그냥 둔 것이고 오른쪽은 컨텐츠사이즈피터의 버티컬 옵션을 아래와 같이 활성화 한 것이다. 다른 예시로는 텍스트의 길이에 맞추어 텍스트 오브젝트의 컨트롤을 하는데 사용이 된다. 보통 텍스트의 좌 우에 일정한 간격을 두고 움직이는 아이콘 등을 위해 사용하기도 한다. 이렇게 편리한 컨텐..

Min Max Slider Attribute

개발을 하다보면 최대 - 최소 범위가 필요한 경우가 있다. float minFloat; float maxFloat; int minInt; int maxInt; 이 경우 위와 같이 2개의 변수로 관리하는 방법도 있지만 숫자 2개만 있으면 되기 때문에 아래와 같이 Vector2 의 x, y 값을 최대, 최소 범위로 사용하는 방법도 있다. Vector2 range0; Vector2Int range1; 위와 같이 Vector2 형태로 범위를 표현하는 경우 에디터 상에서 조절 시 몇가지 아쉬운 점이 있다. X 값이 Y값 보다 커질 수 있다. Range 어트리뷰트의 사용이 불가능해 범위의 조절이 어렵다. 범위를 볼 수 없다. 슬라이더를 이용해 범위 조절을 하고싶다. Range 어트리뷰트의 경우 Min값이 Max보다..

Unity/기타 2024.01.17

Glitch

URP 패키지 샘플 - RenderObjects / GlitchEffect (tistory.com) URP 패키지 샘플 - RenderObjects / GlitchEffect 예제 폴더 안의 RendererFeatures / GlitchEffect 경로에 있는 샘플로 유니티에서 기본으로 제공해주는 RendererFeature 중 RenderObjects 를 사용한 예제이다. 해당 RendererFeature는 랜더큐와 레이어 마스크를 이용 seunghus.tistory.com 화면에 글리치 효과를 주면서 전환을 하려고 해서 찾던 중 URP 샘플 중 글리치 효과가 생각이 났다. 유니티의 URP 샘플 중 글리치 효과는 Render Objects 를 사용하고 있어서 모든 레이어를 켠다면 전체 화면에 글리치가 ..

Unity/URP 2023.11.03

URP 패키지 샘플 - RenderObjects / GlitchEffect

예제 폴더 안의 RendererFeatures / GlitchEffect 경로에 있는 샘플로 유니티에서 기본으로 제공해주는 RendererFeature 중 RenderObjects 를 사용한 예제이다. 해당 RendererFeature는 랜더큐와 레이어 마스크를 이용한 필터로 필터에 해당하는 오브젝트에 효과를 주게 된다. 이용한 예시로는 오브젝트가 가려졌을 때 특정 색상으로 보이게 하는 (ex : 오버워치 위도우 궁) 등의 효과가 있다. 해당 예제는 OcclusionEffect 폴더에 있다. 이떄 적용하느 효과는 Overrides 항목의 Material에 적용된 쉐이더에 따른다. 이 예제에서는 필터에 걸린 오브젝트에 글리치효과를 주는 것으로 쉐이더의 프로퍼티는 1개로 간단한 편이다. 이 Offset 파라..

Unity/URP 2023.11.03

4. 인게임 제작 - 과일 및 게임 로직 (2)

3. 인게임 제작 - 과일 및 게임 로직 (1) (tistory.com) 3. 인게임 제작 - 과일 및 게임 로직 (1) 2. 인게임 제작 - 게임 플로우 (tistory.com) 2. 인게임 제작 - 게임 플로우 1. 가이드 UI 세팅 (tistory.com) 1. 가이드 UI 세팅 0. 분석, 계획 (tistory.com) 에 이어서 이전 만들었던 이미지를 이용해 만든 화면 seunghus.tistory.com 이어서 게임은 일정한 공간을 클릭하면 해당 X좌표에 과일이 떨어진다. 여러 방법이 있겠지만 콜라이더를 사용해 처리를 해보겠다. 앞서 만들었던 통? 안에 입력을 받을 공간만큼 콜라이더를 세팅해준다. 그리고 콜라이더가 있는 오브젝트에 아래와 같은 컴포넌트를 추가해준다. public class In..

3. 인게임 제작 - 과일 및 게임 로직 (1)

2. 인게임 제작 - 게임 플로우 (tistory.com) 2. 인게임 제작 - 게임 플로우 1. 가이드 UI 세팅 (tistory.com) 1. 가이드 UI 세팅 0. 분석, 계획 (tistory.com) 에 이어서 이전 만들었던 이미지를 이용해 만든 화면 구성은 위와 같고 UI부분을 만들어 볼 것이다. 원본 게임과 같게 하려 seunghus.tistory.com 이어서 게임은 일정 사각형 공간에 있고 해당 공간에 과일을 떨어트리며 진행된다. 따라서 이 공간을 만들어 줄 필요가 있는데 간단하게 Sprite 오브젝트 3개를 통해 만들어준다. 물론 이 막대 3개도 충돌을 해야 하기 때문에 BoxCollider2D를 달아준다. 과일의 경우 이미지, 레벨만 가지고 있다. 그저 크기가 다를 뿐이지 구성은 같다고..

2. 인게임 제작 - 게임 플로우

1. 가이드 UI 세팅 (tistory.com) 1. 가이드 UI 세팅 0. 분석, 계획 (tistory.com) 에 이어서 이전 만들었던 이미지를 이용해 만든 화면 구성은 위와 같고 UI부분을 만들어 볼 것이다. 원본 게임과 같게 하려면 레벨에 맞게 이미지가 바뀌어야 하지만 간 seunghus.tistory.com 이어서 수박 게임은 점수를 저장하는 것은 점수만 저장하면 된다. 대신 랜덤으로 만들어지는 과일은 4레벨까지만 만들어진다. 그리고 현재 만든 최고 레벨보다 높은 단계는 나오지 않게 할 것이다. 따라서 한번 플레이 하는 게임에서 필요한 데이터는 점수, 현 최고 레벨에 해당한다. public class GameData { private int highLevel = 0; private int sco..

1. 가이드 UI 세팅

0. 분석, 계획 (tistory.com) 에 이어서 이전 만들었던 이미지를 이용해 만든 화면 구성은 위와 같고 UI부분을 만들어 볼 것이다. 원본 게임과 같게 하려면 레벨에 맞게 이미지가 바뀌어야 하지만 간단하게 레벨에 맞게 색상만 바뀌도록 했다. 각 레벨별 색상은 웹에서 스포이드로 대충 뽑아서 사용했는데 각 색상 코드는 다음과 같다. public static class FruitColor { private static string[] Colors = { "FB3A22", "F86D4A", "A26AFF", "FFB602", "FE8B1B", "D80506", "FDEF7E", "FDCAC4", "F4E905", "8ACF18", "0E680C", }; public static Color GetColo..

728x90
반응형
LIST