본문 바로가기
반응형

unity246

(3) Tooltip 만들기 - 파이 메뉴(Pie / Radial Menu) 만들기 Unity 전체 링크 파이 메뉴 만들기 (Pie / Radial Menu) (1) 중심 게이지 만들기 (2) 버튼 만들기 (3) Tooltip 만들기 (4) Text 자동 크기 조절 (5) 버튼 배치하기 (6) 버튼에 이벤트 연결하기 버튼에 마우스를 일정시간 가져다대면 Tooltip(툴팁)이 나오도록 해보자. 마우스를 일정시간 가져다 대면 아래와 같이 나오도록 한다. Text 자체에는 배경색이 없다. 따라서 이미지로 대체한다. ButtonSet에 TooltipBackground(Image)를 만들고 Text로 Tooltip을 추가한다. 이미지의 색은 검은색, Text의 색은 하얀색으로 설정하고 Alignment를 적절히 선택한다. tooltip과 관련된 변수를 추가한다. tooltip은 현재 Button.. 2022. 5. 9.
(2) 버튼 만들기 - 파이 메뉴(Pie / Radial Menu) 만들기 Unity 전체 링크 파이 메뉴 만들기 (Pie / Radial Menu) (1) 중심 게이지 만들기 (2) 버튼 만들기 (3) Tooltip 만들기 (4) Text 자동 크기 조절 (5) 버튼 배치하기 (6) 버튼에 이벤트 연결하기 이제 버튼에 마우스를 가져다대면 배경색이 회색이 되도록 만들어보자. PieMenu 아래에 빈 오브젝트로 ButtonSet을 만들고 UI - Button을 추가한 후, 적절히 배치한다. Button의 색은 검은색, Text는 하얀색으로 수정한다. Text - Paragraph 에서 Alignment를 변경하면 보기 좋게 정돈된다. 이제 PieButton.cs를 각 버튼에 추가한다. UI에서 마우스 이벤트를 사용하기 위해서는 IPointerXXXHandler 인터페이스를 추가하.. 2022. 5. 8.
(1) 중심 게이지 만들기 - 파이 메뉴(Pie / Radial Menu) 만들기 Unity 전체 링크 파이 메뉴 만들기 (Pie / Radial Menu) (1) 중심 게이지 만들기 (2) 버튼 만들기 (3) Tooltip 만들기 (4) Text 자동 크기 조절 (5) 버튼 배치하기 (6) 버튼에 이벤트 연결하기 아래와 같은 블렌더의 파이 메뉴 UI를 유니티에서 만들어보자. 아래 png를 다운 받아서 스프라이트로 만들자. 그대로 쓰면 중심이 어긋나 있기 때문에 스프라이트를 잘라줘야 한다. Sprite를 잘랐으면 Canvas 아래에 Empty(PieMenu) Image 2개(FullGauge, Gauge)를 만든다. FullGauge는 Color를 검은색으로 변경한다. Gauge는 Image Type을 Filled로 변경한 후, Fill Amount를 적절히 변경한다. 그러면 게임화면.. 2022. 5. 8.
유니티 - 스프라이트 자르기 (Slice Sprite) Unity 전체 링크 아래의 png를 다운 받아서 스프라이트로 만들어보자. Sprite를 선택한 후 아래로 내려가 Apply를 누른다. 그러나 Sprite Editor를 열어보면, 원이 어긋나있는 것을 알 수 있다. 스프라이트를 자르기 위해서는 Sprite Mode를 Single → Multiple로 변경해야 한다. 다시 Sprite Editor에서 Slice → Slice를 누른다. (Type이 Automatic이면 자동으로 알맞게 잘라준다.) Apply 버튼을 누르면 아래와 같이 잘리는 것을 알 수 있다. Project 메뉴에 보면 정상적으로 잘린 Sprite가 생긴 것을 알 수 있다. Unity Plus: Easy 2D, 3D, VR, & AR software for cross-platform de.. 2022. 5. 3.
유니티 - 카메라와 오브젝트의 각도 구하기 Unity 전체 링크 심즈 게임을 보면, 집 안의 내부가 보이지만, 안으로 들어가면 벽이 다시 생긴다. 즉, 카메라와 오브젝트의 특정한 각도가 될 경우, 오브젝트가 안보이는 경우가 있다. 카메라와 오브젝트의 각도를 구해서 위의 경우를 구현해보자. 먼저 OnDrawGizmos를 이용해서 오브젝트의 앞을 씬에 표시해두자. public class Front : MonoBehaviour { private void OnDrawGizmos() { Gizmos.color = Color.green; Gizmos.DrawRay(this.transform.position, this.transform.localRotation * Vector3.forward * 2.0f); } } 위의 스크립트를 오브젝트에 추가한다. 그러면.. 2022. 4. 30.
유니티 - 오브젝트를 선택된 상태로 만들기 : (3) Shader Outline 깃허브 데스크탑으로 프로젝트 관리하기 강의 오픈!! (인프런 바로가기) Unity 전체 링크 오브젝트를 선택된 상태로 만들기 : (1) bool오브젝트를 선택된 상태로 만들기 : (2) 이미지로 만들기오브젝트를 선택된 상태로 만들기 : (3) Shader Outline오브젝트를 선택된 상태로 만들기 : (4) 오브젝트를 하나만 선택하기링크의 경우, 오브젝트를 선택된 상태로 만들기 위해 이미지를 이용해 outline을 직접 만들었다. 이번에는 오브젝트를 선택된 상태로 만들기 위해 Shader를 이용해보자.먼저 Shader 자체는 Outline Shader로 검색해서 적당한 shader를 구한다.Shader "Draw/OutlineShader" { Properties { _OutlineColor ("Out.. 2022. 4. 29.
유니티 GL로 화면에 그림 그리기 Unity 전체 링크 참고 - 안드로이드 OpenGL 설정 - OpenGL로 화면에 선 그리기 - OpenGL로 화면 터치 이펙트 만들기 - OpenGL로 멀티 터치 이펙트 만들기 GL은 로우 레벨(Low-level) 그래픽 라이브러리다. 아래의 예시를 실행시켜보자. https://docs.unity3d.com/kr/530/ScriptReference/GL.QUADS.html 먼저 shader가 필요하다. 빈 shader를 만들자. Draw.shader Shader "Draw/Quads" { SubShader { Pass { } } } Start에서 shader를 가져와 Material에 할당한다. Material mat; void Start() { mat = new Material(Shader.Find.. 2022. 4. 28.
드래그로 카메라 회전 및 이동하기 (Camera Rotate and Move with Drag) Unity 전체 링크 참고 → 시네머신 튜토리얼 링크 (시네머신을 이용하여 카메라 간편하게 조작하기) 마우스 드래그를 이용해 카메라를 회전하고 이동하는 스크립트를 합쳐보자. Alt키를 누르면 이동을 하고, 누르지 않은 경우는 회전을 한다. 위의 링크를 참고하면 아래와 같이 스크립트를 만들 수 있다. ( + 스크롤 이동 포함) (stage → lookAtMe로 이름 변경) using System.Collections; using System.Collections.Generic; using UnityEngine; public class RotateAround : MonoBehaviour { public GameObject lookAtMe; public float rotateSpeed = 500.0f; pub.. 2022. 4. 27.
유니티 오브젝트를 블렌더로 내보내기 (export FBX) A형 필수 알고리즘을 체계적으로 배우고 싶다면? (인프런 바로가기) Blender 전체 링크유니티 오브젝트를 블렌더로 내보내기 (export FBX)블렌더 오브젝트를 유니티로 내보내기 (export FBX)블렌더 오브젝트를 유니티로 내보내기 - Scale 설정.blender 파일을 유니티로 가져오기유니티에서 FBX 파일을 내보내기 위해서는 FBX Exporter 설치가 필요하다.Window → Package Manager에서 Packages: Unity Registry를 선택 후, fbx를 검색하고 install 한다.원하는 오브젝트를 선택한 후 마우스 오른쪽 버튼을 누르고 Export To FBX...를 클릭한다.콘솔창에 저장된 경로가 나타난다.이제 블렌더를 열어보자.파일 → 가져오기 → FBX를 선택.. 2022. 4. 24.
반응형

티스토리툴바