parallax가 2D에서 깊이감을 어떻게 만드는가?

다층 투명 레이어가 서로 다른 속도로 이동: 가까운 레이어는 빠르게, 먼 레이어는 느리게. 공식 speed = base * (1 - depth).

sprite vertex manipulation이란?

vertex shader에서 평평한 sprite의 정점을 이동시켜 볼륨을 시뮬레이션: 메쉬 없이 기울기, 흔들림.

Bridgebourn은 어떤 플랫폼에서 실행되나?

Windows 10+, macOS Sonoma (Intel), SteamOS/Ubuntu, Steam Deck (성능 수정 포함).

Parallax와 vert shift: 2D ARPG의 3D 착시

2D 게임에서의 3D 착시: 브리지버른의 파라럭스와 스프라이트 정점 조작

파라럭스 스크롤링과 스프라이트 정점 조작의 강력한 조합은 이소메트릭 ARPG '브리지버른'에서 생생한 깊이감을 만들어냅니다. 싱글 개발자 2HeadedHero는 10년간 3D 모델 없이 회화 같은 세계를 구축하며 인텔 HD 그래픽스 4000에서도 원활한 성능을 유지했습니다. 스팀에서 무료 체험판을 제공 중입니다.

브리지버른은 디아블로 2 스타일의 메커니즘에 맞춤형 스펠과 요소 반응을 결합했습니다. 패델랜드의 반개방 세계는 층층이 그려진 수작업 일러스트로 구성되며, 모든 요소가 시각적 트릭에 최적화되어 있습니다. 단순한 미적 선택이 아니라, 아트 제작 비용과 렌더링 부담을 크게 줄여 싱글 프로젝트도 가능하게 만듭니다.

파라럭스로 장면의 깊이 표현하기

브리지버른의 파라럭스 시스템은 다층 구조를 기반으로 합니다. 수십 개의 투명 층이 카메라 대비 다른 속도로 움직이며, 전경 요소(잔디, 덤불)는 빠르게, 원거리 요소(산, 하늘)는 느리게 이동합니다. 이는 고전적인 2D 플랫포머 기법을 이소메트릭 시점에 맞게 진화시킨 것입니다.

핵심 구현 사항:

층은 깊이 0부터 1까지 Z-오더 순서로 정렬됩니다.
파라럭스 속도는 거리에 비례해 조정됩니다: 속도 = 기본속도 × (1 - 깊이).
투명도와 믹싱을 통해 각 층 간 자연스러운 전환을 구현합니다.

카메라가 장면 위를 스쳐가면 전경의 세쿼이아 나무들이 급속도로 움직이고, 멀리 있는 산들은 거의 정지한 듯 보입니다. 이 방식은 오클루전 컬링을 포함한 완전한 3D보다 GPU 부담을 크게 줄입니다.

단점은 아트 작업의 수동성입니다. 각 장면은 깊이 정보가 미리 할당된 수십 개의 PNG 파일로 구성되며, 자산 용량은 늘어나지만 런타임 렌더링은 간단해집니다.

스프라이트 정점 조작

스프라이트 정점 조작은 정점 쉐이더를 활용해 평면 스프라이트를 변형하는 기법입니다. 나무나 탑의 정점이 기울기, 흔들림, 시점 효과를 시뮬레이션할 수 있으며, 메시 없이도 가짜 3D 객체처럼 보입니다. 하나의 큐드에 텍스처만 붙이면 충분합니다.

쉐이더 예시 (가상 코드):

vec2 vertices[4] = vec2(0.5, 0.5), vec2(-0.5, 0.5), ...);

for(int i=0; i<4; i++) {
  vertices[i].y += sin(time + vertices[i].x * freq) * amplitude * depth;
  vertices[i] *= perspective_matrix;
}

나무 꼭대기는 기본 위치에서 5~10% 벗어나며, 잔디는 프로시저적으로 흔들립니다. 전투 상황에서는 효과가 극대화되는데, 스펠 폭발 시 주변 객체에 정점 오프셋이 추가됩니다.

단점:

성능: 3D의 지오메트리 쉐이더보다 정점 쉐이더가 더 경제적입니다.
아트: 자연스러운 변형을 위해 스프라이트는 대칭적이어야 합니다.
한계: 복잡한 애니메이션(예: 걷는 다리)에는 적합하지 않으며, 스켈레탈 시스템이 필요합니다.

파라럭스와 결합하면, 먼저 파라럭스 층이 렌더링되고, 이후 전경 스프라이트에 정점 이동이 적용됩니다. 네 명의 영웅 파티를 따라가는 카메라에서도 이상 현상 없이 작동합니다.

게임플레이와 최적화

ARPG 메커니즘은 영웅 파티 중심입니다: 수동 조작 또는 AI 명령을 사용할 수 있습니다. 맞춤형 스펠은 요소(화염 + 얼음 = 증기)를 조합해 연쇄 반응을 유도합니다. 아이템, 스킬 트리, 서사 퀘스트는 디아블로 2와 팔라딘의 감성을 담고 있습니다.

최소 사양:

CPU: 4코어 2.4GHz (64비트)
RAM: 2GB
GPU: 인텔 HD 4000
저장공간: 1GB
플랫폼: 윈도우 10+, 맥OS 소노마(인텔), 스팀 덱

최적화는 2D 설계에서 비롯됩니다: LOD, 물리, 레이트레이싱 없이도 효율적입니다. 스팀 덱에서도 수정 후에는 정점 조작이 성능 저하를 일으키지 않습니다.

핵심 가치

창의적인 시각적 정체성: 파라럭스 + 정점 이동은 3D 아트를 대체해 모델링 리소스를 90% 절감합니다.
싱글 개발자의 장기적 가능성: 핵심 루프와 미학에 집중하면 10년간의 작업도 가능하며, 범위 확장(스코프 크리프)을 피할 수 있습니다.
접근성: 스팀에서 무료 체험판(앱/2027760) 제공, 최대 4인 협동 및 원격 재생 지원.
투명한 트레이드오프: 수작업 아트는 제작 비용이 높지만 실행은 매우 저렴—독립 개발자에게 이상적입니다.

중급/상급 개발자에게 실질적 통찰

이 사례 연구는 유니티/고도트 2D 프로젝트에 적용 가능합니다: 파라럭스 설정은 1~2일 내 완료 가능하고, 정점 조작은 약 50줄의 커스텀 쉐이더가 필요합니다. 저사양 하드웨어에서 테스트하세요: 인텔 HD 4000에서 60FPS 목표를 설정하세요.

ARPG에 적용 시, 전투에 효과를 통합하세요—파라럭스 층에 입자 시스템을 추가하면 성능 저하 없이 몰입감을 높일 수 있습니다. 과도한 복잡함은 피하세요: 깊이감을 위한 20~30개의 층만으로도 충분합니다.

브리지버른은 기술적 창의성이 고사양 하드웨어보다 앞선다는 것을 증명합니다. 글로벌 독립 개발자 공동체에 있어, 이는 '회화풍 + 가짜 3D'라는 특수한 스타일이 리딧과 스팀 커뮤니티를 사로잡을 수 있음을 보여주는 모범 사례입니다.

— Editorial Team

Parallax와 vert shift: 2D ARPG의 3D 착시