Pixi.js: iOS에서 흔들리는 스프라이트시트 애니메이션

추가 정보; 이 흔들림은 마지막 pixi v3에서 발생하지 않습니다: http://moonrat.co.uk/html5/pixi-ios-animation-bug-v3/

v3가 더 나은가요? 그 흥미 롭군요

일부 모양을 회전할 때만 iOS에서 동일한 "흔들림" 문제가 있습니다(각도가 0을 중심으로 움직일 때 발생함). v3로 돌아갈 수 없습니다 ...

내가 생각할 수 있는 유일한 차이점은 정점 데이터를 v4의 float32 배열에 저장한다는 것뿐입니까? 정밀도 문제가 아닐까요?

@GoodBoyDigital 오늘 테스트했는데 @themoonrat 도 마찬가지라고 말했습니다.

멋진 - 아마도 셰이더 정밀도?

roundPixels를 false로 설정하여 중지되는지 확인하기 위해 테스트할 가치가 있습니까?

2017년 2월 17일 금요일 16:13 Mat Groves [email protected] 에서 다음과 같이 썼습니다.

멋진 - 아마도 셰이더 정밀도?

—
이 스레드에 가입했기 때문에 이 메시지를 받고 있습니다.
이 이메일에 직접 답장하고 GitHub에서 확인하세요.
https://github.com/pixijs/pixi.js/issues/3742#issuecomment-280692953 ,
또는 스레드 음소거
https://github.com/notifications/unsubscribe-auth/AAipZJ8DLKkA3bRJQIOYcmTDpXZgfTehks5rdccygaJpZM4MDJtw
.

roundPixels는 기본적으로 false이며 이미 확인했습니다.

잠깐, 잠깐, 그게 생각났어!

@ivanpopelyshev - 기본 셰이더 정밀도를 highp로 변경하도록 요청했지만 아무 것도 변경하지 않은 방법을 알고 있습니다. 글쎄, 나는 당신이 오늘 아침에 나에게 준 당신의 새 버전에서 그것을 시도했고 그것은 _does_ 그것을 고쳤습니다!

좋아, 이것은 이상하다.
그래서.
PRECISION용 highp를 사용하는 현재 dev 분기도 작동합니다. 하지만....

PIXI.settings.PRECISION = 'highp'
작동하지 않습니다
pixi.js에 직접 들어가서 편집하면
PRECISION: 'mediump',
에게
PRECISION: 'highp',
그러면 작동합니다.

그래서, 높은 정밀도 + 이중 값? double->float->highp 변환은 iphone/ipad에 좋지 않은 것 같습니다. 나는 그것이 둥글지 않기 때문이라고 생각하지만 실제로는 물건을 많이 잘립니다.

그래서 이것은 다른 것보다 문제가 아닌 설정이 선택되지 않는 것 같습니다.

좋은 캐치 @themoonrat

k, 수정 사항이 있습니다. 설정을 가져오는 스타일 때문입니다. 가져오기 시간을 현재 상태에 동적으로 적용하지 않고 정적으로 만듭니다. 곧 PR 올리기

또한 Sprrite에서 Float32Array 대신 Float64Array를 사용해야 합니다. 그러면 오류가 약간 줄어듭니다.

편집: 그렇지는 않지만 몇 가지 다른 조치를 사용하면 가능합니다. :)

@ivanpopelyshev 나는 우리가 있는 그대로 괜찮다고 생각합니다 - 우리는 그것들을 float32로 업로드하므로 배정밀도로 그것들을 잡을 의미가 없습니다..

불행히도 pixi4.4.1이 설치된 iPad Mini3에서 여전히 흔들림이 있습니다.
PIXI.settings.PRECISION = 'highp'를 수동으로 설정하고 있습니다. 다른 작업을 수행해야 합니까?

콘솔에 사용 중단 경고가 표시됩니까? 그렇다면 실제로 4.4.1을 사용하고 있는 것입니다.

당신의 사용 사례는 무엇입니까? 스테이지에 스프라이트가 몇 개뿐인가요?

예, PIXI.settings.PRECISION_FRAGMENT 지원 중단 경고를 사용하십시오.
내 테스트에는 24fps(속도 0.4)에서 재생되는 1개의 AnimatedSprite만 있습니다.
애니메이션은 TexturePacker로 생성되었으며 기본 텍스처 크기는 POT(2048x2048)입니다.
4.4.1에서 그는 이전보다 덜 흔들리지만 여전히 눈에 띄는 지터입니다.

그리고 그것을 위해 pixi-picture 렌더러를 사용한다면 어떻게 될까요? https://github.com/pixijs/pixi-picture/tree/master/bin 을 추가하고 작성하십시오.

sprite.pluginName = 'picture';

엄청난! pixi-picture를 사용하면 완벽하게 보입니다 :)
이것이 대체 스프라이트 렌더러입니까?
어떤 경우에 사용해야 합니까? (이 명백한 경우 외에). 일반 렌더러(다중 텍스처 일괄 처리 지원)로 사용할 수 있습니까? 아니면 특정 목적에 더 가깝습니까?

그런 다음 메인 스프라이트 렌더러에 무엇이 문제인지 압니다. Pixi 사진은 일괄 처리되지 않는 어리석은 것입니다. 그러나 경계 아티팩트를 줄이고 오버레이/하드라이트 혼합 모드를 지원합니다.

주요 차이점은 UV 좌표가 전달되는 방식입니다. 메인 스프라이트 렌더러는 Uint16을 사용하는 반면, 다른 모든 플러그인과 같은 그림은 Float를 사용합니다.

참고로:
PIXI.settings.PRECISION_FRAGMENT = 'highp';
플러그인 없이 흔들리는 iOS 애니메이션을 해결합니다.

ps - @ivanpopelyshev , 이 문제를 해결하기 위해 기본적으로 PRECISION_VERTEX 'highp'를 설정했는데 잘못된 것을 선택했을 수도 있습니다. 내 게임을 '중간'으로 다시 다운그레이드하는 데 어떤 단점이 있습니까?
pps - 레거시 모드가 활성화된 경우 'highp' 설정이 'mediump'로 다운그레이드되도록 해야 합니까?

나는 같은 문제가 있으며 pixi v4.6.2를 사용합니다. 저에게는 매우 중요한 버그입니다. @ivanpopelyshev , 아무도이 문제를 해결 했습니까?

PIXI.settings.PRECISION_FRAGMENT = '높음'
렌더러를 만들기 전에

일부 장치는 지원하지 않으며, 흔들리는 특정 장치에서만 highp를 활성화하는 것이 좋습니다.

또한 적은 수의 개체에 대한 문제를 해결하려면 pixi-picture 플러그인과 sprite.pluginName='picture' 를 사용하십시오.

문제가 IOS에서 흔들리는 스프라이트라면 예, "iOS가 있으면 정밀도 조각을 높음으로 설정"을 수행하십시오.
ios가 아니면 그림 플러그인이 필요할 수 있습니다. 그러나 그것은 내 ios만의 문제가 아니었습니다. :)

@ivanpopelyshev , @themoonrat 감사합니다. 작동합니다.

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