본문 바로가기

분류 전체보기

UGUI의 Mask를 이용하여 HPbar 만들기 UGUI의 Mask를 이용하여 HPbar를 만들어보았습니다. ㅇ소스코드12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152 using UnityEngine;using UnityEngine.UI;using System.Collections; public class HPbar : MonoBehaviour { public Image mask; private RectTransform maskRect; public float maxHP; private float currentHP; private float maxHpBarWidth; // Use this for initialization void .. 더보기
스킬 쿨타임 UI 만들기 UGUI의 기능을 이용해서 스킬을 사용했을 때 쿨타임을 표시할 수 있도록 해보겠습니다.예를 들면 LOL과 같은.... (예시) 유니티의 UGUI에서는 UI의 이미지를 4가지 타입으로 설정할 수 있습니다.Simple은 단순히 이미지를 표시하고Sliced와 Tiled는 이미지의 영역을 나눠서 사용할 때 이고Filed는 이미지를 채우는 방식이라고 생각하시면 됩니다. (Image Type 네 가지) 그리고 이 Image Type을 이용해서 쿨타임 표시를 만들어 봤습니다. 영상 마지막에 스킬 쿨타임이 끝나지 않았는데 스킬버튼을 눌러서 같은 코루틴이 생성 되어 수치가 두번씩 변경되는 것을 볼 수 있는데 쿨타임이 도는 중에는 스킬버튼을 누르지 못하게 하는 방식으로 막아주시면 됩니다. 1. 처음 작성한 소스코드 123.. 더보기
UGUI 유니티의 새로 추가된 UI는 하이어라키 뷰를 우클릭해서 생성 할 수 있고위 이미지와 같이 여러가지 UI들을 생성 할 수 있습니다. 위 이미지는 Canvas를 하나 만들어준 상태입니다.UGUI는 이 Canvas의 하위 객체로 만들어줘야 합니다. (그래야 제대로 표시가 됨)그리고 Canvas를 만들어주면 EventSystem이 같이 생성되는데EventSystem은 UGUI의 입력(터치 등)과 관련한 이벤트를 담당하므로이상한게 같이 생겼다고 절대 지우시면 안됩니다. UGUI들 더보기
Mobile GI Test 1 Platform을 Android로 하고 Reltime GI 테스트 Reflection은 디바이스에 넣었을 때 깨지는 현상이 있어 Baked 설정하여 빛의 영향을 받지 않음 ㅠ 더보기
AnimationCurve 클래스를 이용하여 간단 애니메이션 만들기 이번에는 AnimationCurve 클래스를 이용해서 간단한 애니메이션을 만들어보겠습니다.간단하게 좌표이동만..... C#스크립트 하나를 만들어 주시고 위 이미지처럼 스크립트를 작성해 주세요. 간단하죠? 그리고 씬에 오브젝트 하나를 만들어 주고 이 스크립트를 연결해줍니다.저는 Sphere 하나를 만들겠습니다. 그럼 Inspector View에 위 이미지처럼 나올텐데요, 제가 빨간 박스 친 부분에 회색 영역이 생겼습니다.저 부분을 클릭 해 보면...... 위와 같이 Curve 에디터가 나타나고 Curve를 설정할 수 있습니다.아래 박스친 부분은 미리 설정된 Curve이고 저는 두번째 설정된 것을 눌렀습니다. 그래서 우상단으로 올라가는 선이 생겼죠.포인트를 직접 추가해서 Curve를 생성 할 수도 있습니다... 더보기
Gradient 클래스로 컬러 변화 주기 Unity에는 Gradient라는 클래스가 있는데요.Gradient는 여러분이 아시는 바와 같이 컬러에 변화를 주기 위해 사용됩니다. 예를 들면 ParticleSystem에서 StartColor값을 Gradient로 해주면 위 이미지처럼 Gradient 에디터로 색의 변화를 줄 수 있고 정해준 색 변화에 따라 발생되는 파티클의 색도 달라지게 되죠. 자 그럼, C#스크립트 하나를 만들어주시고 UI -> Image를 만들어주세요. 위 스크립트는 Gradient 클래스를 public으로 하여 Inspector창에 표시되게 하고float형 변수 t도 Inspector창에 표시하는데 범위를 0~1로 주는 슬라이드로 표시됩니다. Start 함수에서는 Image 콤포넌트를 얻어오구요.Update 함수에서 Image의.. 더보기
Color 클래스로 색상값 적용하기 Color 클래스를 Inspector창에 표시하여 색상을 변경하는 예제를 만들어 보았습니다. 먼저 C#스크립트를 하나 만들어주시고UI -> Image를 하나 생성해 줍니다.(UGUI) 위 스크립트 처럼 작성해 주세요. (UGUI의 클래스를 사용하려면 using UnityEngine.UI; 를 추가해야합니다.)이 스크립트는 실행시 Image의 색을 변경시키는 스크립트입니다. 스크립트를 Image에 추가하면 위 사진과 같이 Inspector창에서 컬러를 선택할 수 있게 됩니다. 컬러를 클릭하면 위 사진과 같은 컬러 에디터가 팝업됩니다. 끝. 더보기
Inspector창에 TextArea 표시하기 요런 스크립트가 있다고 해 봅시다. 그럼 이렇게 Inspector창에서 String 값을 입력 할 수 있겠죠? 근데 한 줄의 텍스트라면 문제가 없겠지만여러줄의 문자열을 입력해서 UI라던지 다른 곳에 사용하려면 문제가 있습니다.개행(줄바꿈)이 안되기 때문이죠. 이 때 string 변수 위에 [TextArea] 라고 적어만 주면 이렇게 여러줄의 문자열을 입력 할 수 있습니다. 그럼 UGUI의 텍스트를 이용해서 화면에 띄워보죠. 이렇게 변경 해주고 하이어라키에 UGUI의 텍스트를 추가해서 연결해주고 실행 해 보면 입력한 그대로 나오게 됩니다. 끝~ 더보기
Inspector창에서 슬라이드바로 값 조절하기 유니티의 C# 스크립트에 public 접근 권한을 가진 변수들은 Inspector창에 값을 입력 할 수 있도록 표시가 되는데~ 요롷게 말이죠~근데 이 값들을 슬라이드바를 이용해서 최소값과 최대값을 가지는 슬라이드 바로 조절 할 수 있도록 해줄 겁니다. 스크립트의 변수 위에 [Range(최소값, 최대값)] 을 적어주면 위 이미지 처럼 값을 입력하는 방식이 슬라이드 형태로 변하게 됩니다. 슬라이드 핸들이 가장 왼쪽에 있으면 스크립트에서 설정한 최소값이 되고,슬라이드 핸들이 가장 오른쪽에 있으면 스크립트에서 설정한 최대값이 됩니다. 정수형 변수는 값이 1씩 증가하고 실수형 변수는 소수점 단위로 증가하게 됩니다. 더보기