Pixi.js: 렌더러의 해상도 변경

내가 생각 해낸 가장 좋은 임시 해결 방법은 렌더러를 파괴하고 재생성하여 autoDetectRenderer에 새 해상도를 전달하는 것입니다. 이것은 작동하지만 아마도 그것을 수행하는 가장 효율적인 방법은 아닙니다. 또한 렌더러를 반복적으로 파괴하고 다시 만드는 데 여전히 문제가있을 수 있습니다. # 2233

추가 처리량과 데드 리소스를 최소화하는 renderer.setResolution과 같은 간단한 함수 호출이 있어야하는 것 같습니다.

안녕하세요 @jaspervaz! 이것에 대한 사용 사례가 궁금하십니까?
건배!

네, 그렇습니다. 나중에 그 기능을 만들 것이지만 지금은 작동 할 수 있습니다.

renderer.resolution = 2;
renderer.rootRenderTarget.resolution = 2;
renderer.resize(w-1, h);
renderer.resize(w, h);

모든 필터 해상도를 업데이트하는 것을 잊지 마십시오.

그리고 상호 작용 플러그인 해상도도 업데이트하는 것을 잊지 마십시오.

뿡 빵뀨

정확히, 확대 / 축소가 변경됩니다. 그게 제가 원하는 것입니다. :)
지금은 "renderer.screen"이 논리적 좌표에서 화면의 사각형이고 "renderer.view"가 캔버스이므로 너비와 높이에 해상도를 곱한다고 가정합니다.

두 렌더러에서 작동하도록하려면 다음과 같이 확인하십시오.

if (renderer.rootRenderTarget) { renderer.rootRenderTarget.resolution = newResoultion; }

-
또한 다음 줄 없이도 동일하게 작동하는 것 같습니다. 확대 / 축소하면 해상도 와 창 크기가 모두 변경되기 때문에 생각하지만 다른 사용 사례에서 필요할 수 있습니다.

renderer.resize(w-1, h);

그래, 난 동의.

@ivanpopelyshev 화면 크기를 조정하고 싶습니다.
방법을 사용하면 캔버스가 흐려집니다.
내 방법 해상도를 사용하면 20보다 클 수 없습니다.

https://jsfiddle.net/starCoding/p49u34hd/8/

@starInEcust 왜 20 개 이상의 해상도가 필요한가요? 해상도는 크기 조정이 아니라 브라우저 확대 / 축소입니다. 스케일은 무대 변환의 일부입니다.

@ivanpopelyshev 렌더러를 확대하고 텍스트와 svg 그림이 왜곡되지 않도록 유지하고 싶습니다.

@starInEcust 저는 배율과 글꼴 크기를 수동으로 조정하여 이러한 종류의 문제를 해결했습니다.

새로운 솔루션도 있습니다. SDF 글꼴을 사용하십시오. https://github.com/PixelsCommander/pixi-sdf-text

@ivanpopelyshev SVG는 어떻습니까? 멋진 애니메이션으로 텍스트 편집기를 만들고 싶습니다. 인쇄 미리보기에서 확대 및 축소가 가능하지만 조판에는 영향을 미치지 않습니다.
그리고 해상도 확대 사용에 문제가 있습니까?

그것은 pixi의 매우 특이한 사용 사례입니다. "stage.scale"을 통해 확대 / 축소를 변경하고 전체 렌더러의 해상도가 아닌 SVG 및 텍스트의 해상도 만 조정해야합니다. 귀하의 경우 렌더러의 화면 크기가 고정되어 있고 해상도를 변경하면 캔버스 크기가 너무 커지면 16k x 16k 픽셀 크기가됩니다!

나는 pixi에서 SVG를 사용하지 않았기 때문에 해상도를 조정하는 방법을 모릅니다. :)

대단히 감사합니다!이 질문에 대해 논의하기 위해 문제를 열어야 할 것 같습니다 :(

답변 된 것 같으므로이 문제를 종료하려고합니다. 다른 질문이 있으면 언제든지 다른 문제를 열어보세요!

이 스레드는 닫힌 후 최근 활동이 없었기 때문에 자동으로 잠겼습니다. 관련 버그에 대한 새 문제를여십시오.