[Unity] 상속과 중재자 패턴, 옵저버 패턴으로 UI 로직 리팩토링 하기

각 View간 전환을 하거나 UI 요소를 업데이트 할 때 각 UI View 요소가 다른 View를 직접 참조하고 제어하는 구조는 당장 빠른 구현이 될지 몰라도 장기적으로 새로운 View가 추가되거나 View 로직이 변경되는 등의 확장이나 유지보수가 발생하는 경우 이를 매우 어렵게 만든다다. 마침 이번에 타워디펜스 포트폴리오를 진행하면서 좋은 UI 아키텍쳐에 대해 공부하고 적용해볼 기회가 생겨 추상클래스를 통한 상속 구조와 중재자/옵저버 패턴을 도입해 UI 로직을 리팩토링 해보게 되었다. 1. 각 View별 Canvas 분리불필요한 Canvas Rebuild 방지유니티에서는 Canvas 위에 있는 Text, Image 등 하나라도 변경되면 해당 Canvas에 대해 다음 프레임에 렌더링을 위해 Canva..

• format_list_bulleted 개발/Unity 3D
• · 2025. 9. 14.

[Unity] 타워 디펜스 스킬 시스템 구현(스킬 사용 및 쿨다운, 강화 UI 연동)

팩토리 메서드 패턴 (Factory Method Pattern)정의: 객체를 생성하는 부분을 서브 클래스에 위임하는 패턴. 상위 클래스는 어떤 객체가 생성될지 모르고, 하위 클래스가 실제 생성될 객체를 결정.적용된 부분: SkillDataSO의 CreateSkill() 추상 메서드와, 이를 상속받은 MagicPoeDataSO의 CreateSkill() 메서드// SkillDataSO.cs (설계도)public abstract class SkillDataSO : ScriptableObject{ // "스킬 컨트롤러를 생성해야 한다"는 규칙만 정의 public abstract ISkill CreateSkill(Transform owner);}// MagicPoeDataSO.cs (실제 공장)pub..

• format_list_bulleted 개발/Unity 3D
• · 2025. 9. 2.

[Three.js] 03) 3D 모델 불러오기 (GLTF Loader)

GLTFUnity에서는 보통 fbx나 obj 파일을 임포트해서 사용하지만, 웹 환경에서는 GLTF(GL Transmission Format)가 사실상의 표준이라고 한다. GLTF는 웹에 최적화 되어있어 대표적으로 함께 사용되는 GLB 포맷과 함께 아래와 같은 특성을 가지고 있다.구분glTF(.gltf)GLB(.glb)파일 구조여러 파일로 분리 (.gltf + .bin + 텍스쳐...)단일 바이너리 파일기반 형식JSON 텍스트 기반바이너리웹 로딩 속도상대적으로 느림 (여러 파일 요청 필요)빠름 (단일 파일 요청)주요 사용처개발, 디버깅, 3D 모델 데이터 수정 단계웹 배포, 실시간 렌더링, 최종 앱 GLTFLoader와 비동기 로딩Three.js에서 GLTF 모델을 불러오려면 GLTFLoader가 필요하..

• format_list_bulleted 개발/Three.js
• · 2025. 9. 2.

[Three.js] 02) 조명, 그림자, 인터랙티브 UI

PBR 재질과 조명의 종류챕터1에서 Cube에 사용한 MeshBasicMaterial은 자체적으로 색을 발산하는 재질로 별도의 조명이 필요 없었다. 하지만 현실적인 3D 그래픽을 위해서 빛의 영향을 받는 재질인 MeshStandardMaterial을 사용해야한다. Unity에서의 Standard (Lit) 머티리얼과 같은 PBR(물리 기반 렌더링) 재질로, 반드시 씬에 조명이 있어야만 눈에 보이는 특징이 있다. [Three.js] 01) 기본 구조, 기본 씬, 인터랙션서론 그 간 유니티를 통해서 콘텐츠를 개발하는 것은 나에게 익숙한 영역이었다. 필요에 따라서 안드로이드를 타겟으로 빌드를 하기도 하고, VR의 HMD 실행 환경에 따라 Standalone 환경에서 개발을itgongbu.tistory.com..

• format_list_bulleted 개발/Three.js
• · 2025. 9. 1.

[Three.js] 01) 기본 구조, 기본 씬, 인터랙션

서론 그 간 유니티를 통해서 콘텐츠를 개발하는 것은 나에게 익숙한 영역이었다. 필요에 따라서 안드로이드를 타겟으로 빌드를 하기도 하고, VR의 HMD 실행 환경에 따라 Standalone 환경에서 개발을 진행했고, 웹으로 결과물을 공유해야 할 땐 Unity WebGL 빌드가 당연한 선택지였다. 특히 최근 Unity 6가 출시되면서 웹 지원은 'WebGL'을 넘어 'Unity Web'이라는 강력한 플랫폼으로 격상되었다. 이전의 단점들이었던 2GB -> 4GB 메모리 지원, 모바일 웹 공식 지원, 웹 어셈블리 멀티스레딩을 통한 성능 향상 등 이전과 비교가 불가할 정도로 웹 환경이 강력해졌다. 하지만 종종 면접을 보거나 업계에서 요구하는 기술들이 무엇이 있는지 확인차 구직 사이트를 보다보면 종종 요구되는 ..

• format_list_bulleted 개발/Three.js
• · 2025. 8. 27.

[Unity] 타워 디펜스 타워 구매 및 배치 시스템

https://youtu.be/k0OkqIadB9Y 개요이번엔 타워 배치 시스템을 구현해보았다. 먼저 전체적인 로직 흐름은 다음과 같다. 타워 선택 -> 타워 상세정보 표시 -> 타워 구매버튼 클릭 -> 배치 가능한 지형 위로 드래그 -> 배치 가능 지형에 배치 확정 시 스테이지 포인트 차감 TowerDataSO라는 타워 관리 ScriptableObject 데이터를 통해 TowerListView에 표시하고, View에 표시되는 타워 요소인 TowerListItem을 선택해 TowerSelectionController가 View간의 Controller역할을 해 마찬가지로 SO를 넘겨 TowerInfoView에 선택한 타워의 정보를 표시하기까지는 큰 어려움이 없었던 것 같다. 다만 타워의 더미를 만..

• format_list_bulleted 개발/Unity 3D
• · 2025. 8. 11.

[Unity] MVC 관점에서의 책임 분리와 이벤트 기반 통신 흐름

1. 배경기존에는 빠른 구현을 위해 스테이지의 포인트, 메인타워의 남은 체력, 현재 웨이브 진행 상태, 다음 웨이브까지 남은 시간에 대해 UI 관련 로직과 게임흐름 제어를 함께 StageUIManager 클래스에 작성했다. 하지만 Manager 클래스 답지 않게 StageUIManager는 싱글톤 클래스도 아니었고 한 가지 로직만 제어하는 클래스도 아니었다. 이번 프로젝트를 진행하면서 단일책임원칙(SRP)과 MVC 패턴, UI에 대한 이벤트 채널 관리 방식을 가능한 선에서 적용해 테스트나 유지보수가 용이한 코드를 작성하는 것을 중점으로 두었기 때문에 구현 후 StageUIManager 클래스를 MVC 관점으로의 책임 분리와 버튼 클릭, 텍스트 업데이트를 이벤트 기반 통신 흐름으로 리팩토링 하기로 했다. ..

• format_list_bulleted 개발/Unity 3D
• · 2025. 7. 28.

[Unity] Layer Collision Matrix - 투사체 충돌 통과 & 충돌 로직

1. 문제 상황타워디펜스 게임을 만들면서 투사체와 충돌 관련 로직을 구성하던 중 블로그에 기록하기 좋은 요소를 찾았다.게임 승패여부를 판가름 하는 메인타워의 스스로를 방어하기 위한 투사체는 몬스터에 충돌하며 데미지를 정상적으로 주지만, 몬스터의 투사체는 동료 몬스터를 그대로 관통한 뒤 메인타워에만 데미지를 주는 것이다. 메인타워와 몬스터의 투사체는 모두 동일한 Projectile 레이어를 사용메인타워는 MainTower 레이어, 몬스터는 Monster 레이어 위와 같은 레이어 설정 후 피격 확인을 위해 플레이해보니..메인타워는 몬스터에 투사체를 날려 데미지를 주고 있었지만 불쌍한 몬스터의 투사체를 스스로를 때리고 있었다. 2. Layer Collision Matrix 우선 문제해결을 위해 Edit -..

• format_list_bulleted 개발/Unity 3D
• · 2025. 7. 21.

[Unity] 이동하는 몬스터의 체력바가 항상 카메라를 바라보도록 하기

using UnityEngine;[ExecuteAlways] // 편집 모드에서도 회전이 갱신public class BillBoard : MonoBehaviour{ Camera _cam; void Awake() { //씬에 MainCamera 태그 달린 카메라 찾기 if (Camera.main != null) _cam = Camera.main; } void LateUpdate() { if (_cam == null) return; // 1) 월드-스페이스 오브젝트의 앞면(+Z축)을 카메라가 있는 방향으로 향하게 Vector3 dir = (_cam.transform.position - transform.pos..

• format_list_bulleted 개발/Unity 3D
• · 2025. 7. 17.

[Unity] 유니티 최적화 : 드로우콜(Draw Call), 배칭(Batching)

1. 드로우콜 (Draw Call) 이란?CPU → GPU로 렌더링 명령을 내리는 한 번의 호출(call)드로우콜 수가 많으면 CPU가 많은 명령을 GPU로 보내야 하므로 CPU 병목이 생기고 프레임 저하 발생 2. 드로우콜 최적화 핵심: 배칭(Batching)배칭은 여러 렌더링 명령을 한 번에 묶어서 GPU에 보내는 것으로 드로우콜을 줄이는 기법Unity에서 기본적으로 제공하는 배칭 방식종류설명조건Static Batching정적인 오브젝트끼리 병합- Static 체크- 동일 머티리얼- MeshRenderer 사용Dynamic Batching동적인 오브젝트를 CPU에서 묶음- 동일 머티리얼- 작은 MeshGPU InstancingGPU에서 동일 오브젝트를 복제- Enable GPU Instancing 체..

• format_list_bulleted 개발/Unity 3D
• · 2025. 7. 11.

[Unity] MVC 패턴

MVC 패턴 개념 정리역할책임Model• 데이터(상태) 보관 및 갱신 로직• 상태 변경 시 이벤트(옵저버) 발행View• 화면 렌더링·UI 표시 담당• Model 이벤트 구독 혹은 Controller 명령에 반응Controller• 사용자 입력·AI·타이머 등 이벤트 수신• Model 업데이트 및 View 제어 명령관심사 분리 : 데이터 로직 표현을 분리해 각 클래스가 단일 책임(SRP)을 갖도록함유닛테스트 가능 : Model과 Controller는 MonoBehaviour에 의존하지 않고 순수 클래스여서 테스트 작성 쉬움유연한 확장 : View를 바꿔도 Model-Controller 변경 없이 재사용 가능 간단 예시 (버튼 누르면 점수 +1)ScoreModel 생성 -> ScoreView 바인딩 -..

• format_list_bulleted 개발/Unity 3D
• · 2025. 6. 25.

[Unity] ScriptableObject과 GC(Garbage Collection)

ScriptableObject 장점1. 데이터 재사용 용이ScriptableObject는 하나의 에셋 개념으로, 여러 프리팹 또는 스크립트에서 공유 가능예) 동일한 몬스터 데이터 여러 개 스폰 시 재사용 -> 성능 최적화 및 일관성 보장2. 설정 및 유지보수 용이ScriptableObject는 인스펙터에서 직접 수정 가능코드 수정 없이 밸런싱 가능 (예 - 이동속도, 공격력, HP 등)3. GC 부담 감소일반 클래스는 new로 생성되기 때문에 다수 객체 생성 -> 메모리 할당/해제 시 GC에 부담ScriptableObject는 에셋이기 때문에 GC 대상이 아님 -> 런타임 성능 유리4. 모듈화 및 설계 분리데이터를 구현 코드와 분리할 수 있음 -> 클린 아키텍쳐 적용에 유리전략 패턴, 팩토리 패턴과 잘 ..

• format_list_bulleted 개발/Unity 3D
• · 2025. 6. 24.

[Unity] 씬 전환 'SceneManagement vs Addressable'

1. 개요 SceneManagementUnityEngine 내장 기능으로, 빌드 설정(Build Settings)에 등록된 씬을 로드/언로드로컬에 포함된 씬만 다룸Addressables에셋 관리 패키지로, 로컬·원격 번들 번들러(Bundle)에 등록된 씬을 로드/언로드원격 서버에서 동적으로 다운로드 후 로드 가능 2. SceneManagement 방식 등록 방식File → Build Settings에 씬을 추가동기/비동기 API동기: SceneManager.LoadScene("SceneName")비동기: SceneManager.LoadSceneAsync("SceneName", LoadSceneMode.Additive)사용 흐름호출 즉시 씬 로딩 시작완전히 로드될 때까지 메인 스레드에서 로드 작업(내부적으..

• format_list_bulleted 개발/Unity 3D
• · 2025. 6. 17.