비주얼 노벨 배경을 패닝하거나 확대할 때, 가장자리는 어디까지 그려야 할까

배경을 패닝하거나 확대하려면 화면 프레임이 예정된 경로를 따라 지나가는 영역을 먼저 그린 뒤, 어디까지 추가로 그릴지 정해야 합니다. 이동 중에 보여도 되는 것과 이동이 끝난 뒤에만 보여야 하는 것도 함께 표시합니다. 제작 요청에는 “오른쪽을 조금 더 그려 주세요”뿐 아니라 시작 프레임, 이동 경로, 끝 프레임, 추가 작화 영역, 공개 조건까지 포함해야 합니다.

아래는 설명을 위해 창작한 가상의 예시입니다. 화면은 온실 작업대에서 옆문으로 이동하며, 문 뒤의 빈 화분은 이동이 끝난 뒤에만 보여야 합니다. 실제 사용자 사례나 실측 결과, DramaFork의 제품 기능을 설명하는 것이 아닙니다. 좌표 역시 구도의 관계를 설명하려고 임의로 정한 단위입니다.

빈 화분을 같은 배경에 직접 그려 넣고, 오른쪽 패닝만으로 화면에 들어오게 한다고 가정해 봅시다. 끝 프레임에서 화분이 어느 정도 너비를 차지한다면, 보통은 끝에 도착하기 전부터 조금씩 보이기 시작합니다. 화분을 더 오른쪽에 두면 등장 시점은 늦출 수 있지만, ‘이동 중에는 전혀 보이지 않음’과 ‘멈추는 순간 전체가 보임’을 동시에 보장할 수는 없습니다.

따라서 먼저 조건을 정확히 써야 합니다. 이동 막바지에 윤곽이 드러나도 되고, 멈춘 뒤에야 빈 화분이라는 사실이 분명해지면 되는 걸까요? 아니면 화분 테두리조차 미리 보여서는 안 될까요? 이 예시에서는 후자를 선택하고 연출을 명확히 조정합니다. 이동 중에는 옆문을 닫아 두고, 화면 프레임이 멈춘 뒤 문을 열어 화분을 보여 줍니다. 배경 미술에서는 문 뒤의 전체 영역과 이를 가릴 독립된 문짝 이미지를 준비해야 합니다. 구체적인 표시 방식은 별도로 구현합니다.

이 선택으로 문짝과 문 뒤 영역에 필요한 납품 소재가 늘어나고, 화분을 공개하는 역할은 문 여는 동작이 맡게 됩니다. 이야기상 문을 열 수 없다면 끝에 도착한 뒤 화면을 전환하거나, 마지막 구간에서 서서히 드러나도 되는지 작가와 합의해야 합니다. 정적인 배경 한 장으로 서로 충돌하는 조건을 충족할 수는 없습니다.

스케치의 왼쪽 위를 원점으로 잡고, 가로는 오른쪽으로, 세로는 아래쪽으로 값이 커지도록 정합니다. 화면 프레임은 가로 100, 세로 60이며, 전체 구간에서 회전이나 확대·축소 없이 수평 직선을 따라 오른쪽으로 60만큼 이동합니다. 여기서 움직이는 것은 배경 위에서 관찰하는 범위입니다. 실제 연출에서 배경 소재를 어느 방향으로 얼마나 움직일지는 프로젝트의 표시 방식에 맞춰 환산해야 합니다.

시작 프레임은 가로 0~100, 끝 프레임은 가로 60~160이며, 세로 범위는 둘 다 0~60입니다. 이 예시에서는 속도가 일정하든 달라지든 수평 직선 위의 양 끝 위치를 넘지 않으므로, 모든 프레임 영역의 합집합은 가로 0~160, 세로 0~60입니다. 속도는 각 부분이 보이는 시간에 영향을 주지만, 이 경로가 덮는 범위는 바꾸지 않습니다.

아래 내용을 같은 배경 스케치에 직접 표시하면 이 예시의 이동 범위도가 완성됩니다.

작화의 바깥 경계도 점선 테두리로 표시합니다. 이 예시에서는 가로 −4~164, 세로 −4~64로 정하고, 사방에 4단위씩 여유를 두되 추후 적정성을 확인하도록 합니다. 이는 보편적인 안전 여유값이 아니라 이 예시에서 약간의 조정 공간을 확보하려는 선택입니다. 나중에 더 멀리 이동하게 된다면 다시 계산해야 합니다.

시작점에서는 작업대와 주변 식물만 보이고 옆문은 보이지 않습니다. 원본에서 작업대 가장자리가 잘리지 않았는지, 시작 프레임 안에 투명한 빈틈은 없는지 확인합니다. 원본 바깥이 당장 보이지 않는다고 해서 단색 벽을 띠처럼 채우는 것으로 끝낼 수는 없습니다. 프레임이 이동할 때 바닥 이음새, 식물 윤곽, 조명이 자연스럽게 이어져야 합니다.

왼쪽 끝이 15에 오면 오른쪽 끝은 115가 되고, 추가로 그린 벽과 식물이 보이기 시작합니다. 이 구간에서는 ‘작업대 옆에 통로가 있다’는 정보를 전달해도 됩니다. 하지만 흩어진 분갈이 흙이나 화분의 반사상처럼 문 뒤의 내용을 미리 암시할 수 있는 세부 요소는 넣으면 안 됩니다. 이 예시에서는 미술 담당자에게 ‘스포일러 금지’의 의미를 알아서 해석하게 하지 않고, 이러한 단서를 추가 금지 항목으로 명시합니다.

왼쪽 끝이 30, 오른쪽 끝이 130에 오면 옆문의 가장자리가 보이기 시작합니다. 왼쪽 끝이 45, 오른쪽 끝이 145에 오면 화분이 있는 영역 일부가 이미 프레임에 들어옵니다. 이때도 그 자리에는 닫힌 문짝만 보여야 합니다. 범위도에서 문짝의 실제 윤곽을 대조하고, 문틈이나 유리, 투명한 부분으로 화분 테두리가 드러나지 않는지 확인해야 합니다.

끝 프레임은 60~160을 덮으며 문은 여전히 닫혀 있습니다. 프레임이 멈춘 뒤 문을 열어야 빈 화분이 보입니다. 문 뒤에는 열린 후 실제로 노출되는 벽과 바닥을 충분히 그려야 하며, 화분 주변의 작은 부분만 그려서는 안 됩니다. 문짝이 회전하며 열리는 방식이라면 그 움직임과 가림 관계도 별도로 설계해야 합니다. ‘독립된 문짝 소재’를 준비했다고 해서 문 여는 애니메이션까지 해결된 것은 아닙니다.

이 검토의 결론은 오른쪽을 추가로 그리면 화면을 채울 영역이 부족한 문제는 해결할 수 있지만, 정보가 너무 일찍 드러나는 문제까지 해결되지는 않는다는 것입니다. 이동 중 식별할 수 있는 세부 요소는 이미 독자에게 전달된 정보로 취급해야 합니다. ‘금방 지나간다’는 이유로 서사적 영향을 없던 일로 만들 수는 없습니다.

중심을 고정한 채 확대하면 배경 위의 표시 범위는 점차 작아집니다. 이 예시의 끝 프레임 중심을 유지하면서 100×60 범위를 80×48로 줄인다고 가정해 봅시다. 뒤의 프레임이 앞의 프레임 안에 들어가므로, 보통 바깥쪽을 추가로 그릴 필요는 생기지 않습니다. 대신 확대된 질감과 세부 묘사가 가까이서 보아도 충분한지가 새로운 과제가 됩니다.

하지만 확대가 항상 화면 중심을 기준으로 이루어지는 것은 아닙니다. 문손잡이 쪽으로 이동하면서 확대한다면 프레임이 작아지는 동시에 위치도 바뀌므로, 어느 한 모서리가 원본 바깥으로 나갈 수 있습니다. 같은 좌표계에 변화하는 프레임을 그리고 전체 과정에서 필요한 범위를 구해야 합니다. ‘확대하면 가장자리가 드러날 리 없다’는 생각만으로 검수를 끝내서는 안 됩니다.

곡선 경로, 앞뒤로 흔들리는 움직임, 끝 지점을 지나쳤다가 돌아오는 움직임 역시 중간 프레임이 시작·끝 프레임의 바깥으로 나가게 할 수 있습니다. 이때는 방향이 바뀌는 지점과 가장 멀리 이동한 위치의 프레임도 그려야 합니다. 몇 개의 점검 프레임은 문제 위치를 찾는 데 쓰고, 최종적으로는 프레임을 전체 경로를 따라 움직여 연속해서 지나가는 영역을 확인해야 합니다.

연출 편집 담당자는 프레임, 경로, 공개 시점을 전달하고, 미술 담당자는 완성된 배경, 추가 작화 범위, 가림 소재를 전달합니다. 양쪽 모두 같은 버전의 좌표를 사용하고, 화면 비율, 크롭 방식, 허용되는 조정 폭을 명시해야 합니다. 경로가 수정되면 기존 범위도가 그대로 유효하다고 볼 수 없습니다.

화면 범위 검수에서는 매 순간 프레임 안이 완전한 그림으로 채워지는지, 이음새와 식물, 벽이 끊김 없이 이어지는지만 확인합니다. 공개 시점 검수에서는 멈추기 전에 화분 테두리나 반사상, 관련 단서가 노출되지 않는지, 멈춘 뒤 문을 열면 실제로 빈 화분이 보이는지를 별도로 확인합니다. 두 항목을 모두 통과해야 합의된 조건 안에서 이 배경 확장 요구가 충족된다고 판단할 수 있습니다.

이 범위도는 평면 배경 한 장의 크롭과 확대·축소에 적용됩니다. 전경 식물, 문, 멀리 있는 벽이 각각 움직인다면 레이어별 경로에 따라 필요한 범위를 따로 계산하고 레이어 사이의 빈틈도 확인해야 합니다. 화면 비율을 바꾸거나 시차 효과를 추가할 때도 범위도를 다시 그려야 합니다. 이번 수평 패닝에서 얻은 결론을 모든 배경 움직임에 그대로 적용할 수는 없습니다.