Cookie Run: Oven Smash

Technical Artist

실서비스 모바일 PvP 프로젝트에서 렌더링, 배경 최적화, 메모리, UI 구조 개선

About this project

이 프로젝트는 실서비스 모바일 PvP 게임 환경에서 수행한 Technical Art 작업을 정리한 포트폴리오입니다.

주요 작업은 배경 에셋 최적화, 셰이더/베리언트 정리, 애니메이션 메모리 절감, LOD별 스키닝 비용 조정, UI 렌더링 구조 분석을 중심으로 진행했습니다.

단순히 리소스를 줄이는 것이 아니라, 실제 화면 품질을 유지하면서 모바일 환경에서 발생하는 메모리, Draw Call, 버텍스 수, 스키닝 비용을 줄이는 방향으로 접근했습니다.

각 작업은 문제 상황, 분석 과정, 적용한 해결 방식, 그리고 결과 수치를 기준으로 정리했습니다.

Work Items

각 카드를 클릭하면 자세한 케이스 스터디를 볼 수 있습니다.

26work items
6categories
★ 8featured

Featured· 8

Optimization

Vertex Normal Workflow

노말맵을 추가로 사용하지 않고, 메시의 버텍스 노말을 직접 보정하여 의도한 하이라이트를 만드는 최적화 워크플로우입니다.

Tool

애니메이션 압축

Stream 커브를 Constant로 변환하는 RDP 압축 + 미싱 바인딩 제거로 AnimationClip 에셋 용량을 자동 감소시키는 Unity 에디터 툴

Optimization

셰이더 메모리 최적화

통합 셰이더에서 키워드로 기능을 분기해서, 실제로는 1~2개 옵션만 써도 키워드 경우의 수가 늘어나고 불필요한 베리언트가 포함되는 구조였음

Tool

UI 파티클 스프라이트 시트 베이커

Lobby / DraftBit 화면에서 UIParticle 사용 비중이 높아지면서, Canvas.SendWillRenderCanvases() 단계의 CPU 비용이 증가하는 문제가 있었습니다. 이 작업에서는 모든 UIParticle을 일괄 제거하지 않고, 화면에서 작게 보이거나 반복 재생되는 FX만 SpriteSheet로 베이크해 교체했습니다. 근접해서 보이거나 품질 차이가 큰 FX는 UIParticle을 유지해, 성능과 표현 품질 사이의 균형을 맞췄습니다. 이를 위해 Scene 기반 UIParticle Baker V2를 제작하고, 2-Pass Alpha 복원 / 슈퍼샘플링 / 자동 슬라이싱 / SpriteAnimationAsset 생성을 자동화했습니다.

Rendering

PostProcessing Bloom 최적화

85%

Compute Shader 기반 Bloom을 Fragment Shader로 전환

Rendering

디바이스별 GPU 프로파일링

-41%

Other

캐릭터 바운즈 섀도우

256²

로비 16명 한정 고품질 캐릭터 그림자 — Atlas 슬롯 + 마스크 방식으로 모바일 1024 해상도에서 실루엣 가독성을 확보.

VFX

FX Shader

Cookie Run: Oven Smash 프로젝트에서 FX 제작 효율과 런타임 부담을 개선하기 위해, 기존 ParticlesBasic 우버 셰이더 의존도를 줄이고 용도별 경량 FX 셰이더를 제작했습니다. 기존 파티클 셰이더는 다양한 표현을 처리할 수 있는 범용 구조였지만, R&D 폭발 이펙트 제작에 필요한 디졸브, 이미시브, 디스토션 제어가 부족했고 기능을 추가할수록 셰이더 비용과 관리 부담이 커지는 문제가 있었습니다. 이에 폭발, 디졸브, 마스크, UI 파티클 용도별로 필요한 기능만 포함한 경량 셰이더를 새로 구성했습니다. Custom Vertex Streams와 CustomData 구조를 표준화하여 FX 아티스트가 파티클 시스템 안에서 HDR, 디졸브 강도, UV Tile/Offset, 마스크 이동 값을 직접 제어할 수 있도록 했습니다. 이를 통해 폭발 셰이더 기준 메모리를 338.7KB에서 37.9KB로 감소시켰고, UI 파티클 머테리얼도 10개에서 2개로 정리했습니다.

Rendering· 1

Rendering

[URP 17.3.0 / Vulkan 1.1.0] Mali-G72 디바이스에서 글리치 및 깜빡임 발생

Shader· 3

Shader

UI Glitch Shader

UI 글리치 셰이더

Shader

VAT Outline

Shader

특정 스킬 파괴 오브젝트

특정 스킬로만 파괴 가능한 AO에, 파괴 불가 스킬 피격 시에도 '파괴 가능 대상'임을 인지할 수 있는 피격 연출 셰이더.

Tool· 2

Tool

스테이트 모션 클립 자동 교체 툴

새 스킨 코드가 부여된 AnimationClip을 AnimatorController에 자동으로 재연결하는 Unity 에디터 툴

Tool

Pack Textures To Array Tool

여러 Texture2D를 선택해 우클릭 한 번으로 Texture2DArray용 그리드 PNG를 자동 생성하는 Unity 에디터 툴 — 최적 그리드 계산·sRGB 자동 보존 포함. 카테고리: Tool | 슬러그: pack-textures-to-array

Optimization· 6

Optimization

Environment Mesh Optimization

화면에 크게 보이지 않는 배경 오브젝트라도 누적 버텍스 수와 래스터라이저 비용에 영향을 줍니다. 이 작업에서는 실루엣, 텍셀 밀도, 카메라 시점 기준으로 불필요한 엣지와 뒷면을 제거하는 제작 기준을 정리했습니다.

Optimization

Splat Map Reduction

스플랫맵이 담당하던 타일링 제거, 톤 보정, 경계 블렌딩 기능을 Plane / Vertex Color / Alpha Decal로 분리해 지형 셰이더의 고정 텍스처 샘플링 비용을 줄인 작업입니다.

Optimization

애니메이션 클립 재사용 방안

광장 캐릭터 수에 비례해 AnimationClip이 중복 인스턴스화되는 버그를 Memory Profiler로 특정. 근본 원인(FxClipEventRuntime)을 디버깅.

Optimization

LOD별 Skin Weights 세팅

Optimization

UI 아틀라스 정리

이 작업에서는 기본 화면에서 항상 필요한 UI와 특정 컨텐츠에서만 필요한 UI를 분리했습니다. MainHud는 기본 UI 중심으로 유지하고, 여러 화면에서 재사용되는 리소스는 공용 Atlas로 분리했으며, 스매쉬패스 / 상세뷰 / 프로필처럼 특정 화면에서만 필요한 UI는 컨텐츠별 Atlas로 구성했습니다. 목표는 Atlas 개수를 무조건 줄이는 것이 아니라, 기본 화면이 항상 부담해야 하는 UI 텍스처 범위를 제한하는 것이었습니다.