미학을 망치지 않고 어떻게 픽셀 아트 스프라이트를 회전시킬 수 있습니까?


12

저는 지금 거대한 "게임 디자인"질문 앞에 있습니다. 나는 픽셀 아트 같은 게임을 만들고 이중 선형 보간을 사용하면 많은 애니메이션 문제를 해결할 수 있습니다. 반면에 더 이상 "픽셀 게임"이 아닙니다.

Bilinear Interpolation을 사용하면 애니메이션이 작동하지만 "hybrid-ish"처럼 보이며 아트 스타일이 손실됩니다. 애니메이션을 엉망으로 만들거나 아트 스타일을 엉망으로 만듭니다. 두 가지 모두를 가질 수 없습니다.

이 문제를 해결할 다른 방법이 있습니까?

여기에 이미지 설명을 입력하십시오


4
그것은 당신의 게임입니다, 당신이 결정 :)
Vaillancourt

"모노 선형"보간 (일반적으로 "선형 보간"이라고 함)이 옵션입니까?
Philipp

1
나는 의견에 기반을 둔 소리가 들리지 않게하기 위해 그 질문을 다시 썼다.
Philipp

무엇을 기다립니다? 나는 이것을 승인 할 필요가 없다? : D
OC_RaizW

1
또한 입력 픽셀을 복제 / 방출 / 혼합하지 않고 주변으로 이동시키는 전단 (shearing )에 의한 회전 가능성이 있습니다.
DMGregory

답변:


14

일반적으로 90도 이외의 각도로 픽셀 아트를 자동 회전하면 잘못됩니다. 픽셀 아트 미학을 유지하려면 일반적으로 각 각도에서 아트를 다시 그리지 않아도됩니다.

스프라이트가 실제로 보이는 것보다 훨씬 높은 해상도 인 가짜-레트로 모양을 사용하는 경우 그래픽 편집기에서 보간하지 않고 정수 인자로 스케일을 확대 한 다음 회전시킬 수 있습니다. 선형으로 하고 런타임 보간으로 . 원래 방향에서 스프라이트가 흐려지지 않도록하려면 항상 드로잉 위치를 가장 가까운 정수로 반올림해야합니다 (일부 그래픽 엔진 / 프레임 워크 / 라이브러리를 사용하면 부동 소수점 좌표에 스프라이트를 그려 블러가 발생할 수 있음). 그러나 그것은 일반적으로 수동 작업으로 도달 할 수있는 품질에 도달하지 못하는 게으른 대체물입니다.

다음은 원래 크기의 스프라이트의 예입니다. 보간없이 계수 3으로 업 스케일 된 다음 선형 보간으로 30 ° 회전합니다.

여기에 이미지 설명을 입력하십시오


1
본질적으로 각각의 "픽셀"은 10x10 픽셀 또는 이와 비슷한 것입니까?
John

2
@ 존 예, 그것이 가짜 레트로를 의미합니다. 10x10은 물론 대상 하드웨어 플랫폼의 해상도에 따라 약간 클 수도 있지만 기본적으로 아이디어입니다. 16x32 픽셀 아트 조각처럼 보이지만 실제로는 "가시적"픽셀이 실제로 같은 색상의 3x3 픽셀 인 48x96 텍스처입니다.
Philipp

thaaat은 .... 내가 생각 거의 동일했다
OC_RaizW

같은 접근 방식은 "볼 수"픽셀 실제로 3 × 3 실제 픽셀의 사각형했다 Starbound에 있었다
trollingchar

16

RotSprite를 살펴 보십시오 .

RotSprite는 Xenowhirl에서 개발 한 스프라이트의 스케일링 및 회전 알고리즘입니다. 가장 가까운 이웃 회전 알고리즘보다 아티팩트가 훨씬 적으며 EPX와 마찬가지로 이미지에 새로운 색상을 도입하지 않습니다 (대부분의 보간 시스템과 달리).

RotSprite의 예

이 알고리즘은 먼저 유사한 픽셀을 일치로 처리하는 수정 된 Scale2x 알고리즘을 사용하여 이미지를 원래 크기의 8 배로 조정합니다. 그런 다음 경계 픽셀이 아닌 샘플링 된 점을 선호하여 사용할 회전 오프셋을 계산합니다. 다음으로, 큰 이미지를 원래 크기로 축소하고 이미지를 회전시키는 가장 가까운 이웃 스케일링 및 회전 알고리즘으로 회전 된 이미지가 생성됩니다. 마지막으로 소스 이미지의 해당 픽셀이 다르고 대상 픽셀에 동일한 이웃이 3 개 있으면 간과 된 단일 픽셀 세부 정보가 복원됩니다.

이 알고리즘을 게임 그리기 코드의 일부로 직접 구현하거나이를 사용하여 미리 회전 된 자산을 만들 수 있습니다. 픽셀 아트 도구 인 Aseprite 는 스프라이트 편집기의 일부로 RotSprite 를 통합했습니다.

rotsprite의 GIF

또한 Unity 에서 RotSprite를 사용하는 방법에 대한 이 Unity 포럼 스레드 와 RotSprite에 대한 일반적인 정보를 살펴보십시오.


지즈. 나는 그것을 화합을 위해 그것을 다운로드하고 그것을 테스트했다. 그리고 결과는 일반적인 화합 픽셀 렌더링보다 훨씬 나쁘다 .. 그러나 감사합니다
OC_RaizW

@OC_RaizW 그런 일은 일어나지 않아야합니다. Unity 애셋 개발자에게 문의 할 수 있습니다.
Rudey

-4

페이지 왼쪽 상단에 옵션이 있습니다 : 자동 선택 : 그룹 및 레이어. 레이어 옵션을 선택한 다음 회전하십시오. 아무도 당신에게 말하지 않는 방식입니다.


4
어떤 이미지 편집기에 대해 이야기하고 있습니까? 이 질문에는 특정 도구가 언급되어 있지 않습니다. 따라서 품질 손실을 최소화하면서 저해상도 스프라이트를 회전시키는 것이 매우 쉬운 이미지 편집기를 알고 있다면이 지침 중 어느 것이 적용되는지 알려주십시오.
Philipp
당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.