<p>오류 없는 troika-3d-text 렌더링 문제</p>

구글 크롬 | 78.0.3904.87(Offizieller 빌드)(64비트)
리눅스
자바스크립트 | V8 7.8.279.19

공급업체 = 0x1002 [X.Org], 장치 = 0x67ef [AMD Radeon(TM) RX 460 그래픽(POLARIS11, DRM 3.33.0, 5.3.7-301.fc31.x86_64, LLVM 9.0.0)] 활성

나는 이것이 작동하는 것을 처음 발견했다면 기억한다

그래서 나는 이전 버전을 시도합니다! 예, e600d2cd v0.12.0에서 작동합니다.

확인 마지막 작업 버전은
f4fcbb8d v0.12.1

v0.13.0은 렌더링을 중단합니다.

좋아! 이 문제를 보고하고 오류가 발생한 정확한 버전의 범위를 좁혀 주셔서 감사합니다. 명백한 사항이 있는지 해당 커밋을 살펴보겠지만 Linux 배포판이나 GPU 드라이버와 관련된 문제인 경우 수정 사항을 확인할 수 없을 것 같습니다.

직감삼아... 브라우저에 날아다니는 스파게티가 보이시나요? https://troika-examples.netlify.com/#bezier3d

그래 괜찮아 보인다

문제에 대한 작은 비디오를 만들었습니다. 렌더가 SDF(작은 크기)만 사용하는 경우 작동하는 것처럼 보입니다.

oculus go에서는 잘 작동합니다.

젠장, 내 예감이 무너졌다.

그 영상은 매혹적이다. 동작이 발생할 수 있는 몇 가지 이유를 생각할 수 있지만 0.12.1에서도 실패했어야 합니다. 계속 찾을 것입니다 ...

시간이 지남에 따라 서로 다른 여러 문제를 처리하지 않도록 다음 빌드가 모두 동일한 방식으로 실패하는지 확인할 수 있습니까?

• https://5d558de9c4cf7557986a02c7--troika-examples.netlify.com/#text (v0.14.1)
• https://5d57371a2d6a70000806fcc3--troika-examples.netlify.com/#text (v0.15.0)
• https://5d5ec24a45f45f00089451cc--troika-examples.netlify.com/#text (v0.15.1)

예 모두 동일하게 실패합니다.

글쎄, 잠시 동안 나는 이것에 당황했다. https://github.com/protectwise/troika/compare/v0.12.1...v0.13.0 diff를 살펴보면 이 동작을 유발하는 차이점이 보이지 않습니다. 텍스트 렌더링에 영향을 미치는 유일한 변경 사항은 셰이더 조작을 위한 createDerivedShader 추상화로의 전환입니다. 나는 그 두 가지 버전의 셰이더 출력을 한 줄씩 비교했으며 내가 볼 수있는 주입 된 논리에는 차이가 없으며 발생 위치에서 약간의 차이가 있습니다 (예 : void main이 아닌 glsl 함수 내에서 또는 약간 다른 순서로) .) 왜 이것이 이 문제를 일으키는지 알 수 없지만 트리거할 수 있는 특정 OpenGL 드라이버에 버그/특이점이 있을 가능성이 있다고 가정합니다.

직감을 기반으로 몇 가지 변경 사항을 시도하고 테스트하는 것 외에는 여기에서 어디로 가야할지 잘 모르겠습니다. 이것을 쉽게 재현할 수 없다는 것은 고통입니다.

알겠습니다. 이해합니다. 저도 이것이 더 많은 OpenGL 드라이버 문제라고 생각합니다./ 한 가지 발견은 제가 크기를 조정할 때 글꼴 비디오를 보는 것입니다 ->

여기에서 참조를 위해 OpenGL 버전
GL_VENDOR X.Org GL_RENDERER AMD Radeon(TM) RX 460 그래픽(POLARIS11, DRM 3.33.0, 5.3.8-300.fc31.x86_64, LLVM 9.0.0) GL_VERSION 4.5(코어9 프로필) Mesa21

LOL 일종의 깔끔한 효과입니다! 🤣

내가 무엇을 테스트할 수 있는지 생각해?

@lojjic 우하! 내가 작동하는 장면에 안개를 추가하면 흥미로운 것을 발견했습니다!

sceneEl.setAttribute("fog", "type: linear; far:300;color: 0xefd1b5");

더 궁금하고 더 궁금합니다. 그러면 troika 예제 페이지의 "안개" 확인란도 작동합니까?

흠 아니오 이것은 아무것도 변경하지 않습니다

하 예 MeshBasicMaterial을 설정하고 안개를 선택하면 작동합니다!

네 감사합니다. 더 조사할 단서를 제공할 수 있습니다.

오늘 나중에 잠시 시간을 내어 격리된 변경을 시도하면서 분기를 푸시하고 그러한 변경 사항이 도움이 되는지 확인하려고 합니다.

여기 첫 번째 시도가 있습니다. 변경 사항이 없거나 변경되었지만 여전히 버그가 있거나 수정된 ​​경우 알려주십시오. https://5dc9dc90ab55b5000a1db32c--troika-examples.netlify.com/#text

아주 좋은 샷 같습니다! :>

MeshStandard 및 MeshBasic Material의 일반적인 사용이 고정된 것 같습니다.

커스텀 셰이더 머티리얼이 있는 경우에만 버그가 있습니다.

이 변경으로 해결되었습니다. https://github.com/protectwise/troika/commit/85c71d6af2c1e09966c5e588745008dc4b923ae2

대단해! 우리는 어딘가에 도착하고 있습니다.

지금 이것을 시도할 수 있습니까? https://5dc9e7dcea3f6e00084d01a6--troika-examples.netlify.com/#text
나는 이것으로 두 가지 잠재적인 근본 원인 중 하나를 분리하려고 합니다.

ok 이것은 MeshBasicMaterial 및 Fog가 활성화된 경우에만 올바르게 작동합니다.

그래서 실행 순서가 좀 이상합니다. 마지막 2개의 테스트 간의 유일한 차이점은 사용자 정의 텍스트 셰이더 논리 전후에 발생하는 ID 할당( gl_FragColor = functionThatReturnsArg(gl_FragColor); )에 해당하는 것입니다. 작동한 후에 오고 그 전에 오면 실패합니다(포그가 활성화되어 있지 않으면 텍스트 논리 앞에 gl_FragColor.rgb = ... 를 추가하고 그것도 작동하지만 MeshBasicMaterial.igh 에서만 작동합니다.

다음은 gl_FragColor = gl_FragColor; 를 끝에 추가하면 효과가 있는지 확인하는 끔찍한 해킹입니다. https://5dc9f0d8e82cdf00089f6b6c--troika-examples.netlify.com/#text

ok 마지막과 동일합니다. BasicMaterial 및 Fog에서만 작동합니다 ...

네, 몇 번 더 시도해보세요...

1) https://5dcadbdfa8565d0008ff1af5--troika-examples.netlify.com/#text
2) https://5dcadfaac107620008043289--troika-examples.netlify.com/#text
3) https://5dcae02c8de52400077b3a8b--troika-examples.netlify.com/#text

세 가지 모두 BasicMaterial 및 Fog가 활성화된 경우에만 동일하게 작동합니다.

어. 내 모든 추측을 테스트하는 데 인내심을 가져 주셔서 감사합니다. 이것은 여전히 ​​나에게 의미가 없습니다.

또 다른 가설 테스트: https://5dcaea1c9bbf6e00074b3c7a--troika-examples.netlify.com/#text

np, 이것은 항상 안개가 켜지고 모든 재료와 함께 중단됩니다.

잠시 시간이 되시면 다른 예시에서 스크린샷을 몇 장 더 가져다 주시겠습니까?

1) "Double-Derived" 셰이더가 선택된 https://troika-examples.netlify.com/#arcs
2) https://troika-examples.netlify.com/#ui
3) "대시" 옵션에 대해 0이 아닌 값이 있는 https://troika-examples.netlify.com/#bezier3d

이 예제는 텍스트 조각 셰이더와 유사한 기술을 사용하므로 동작에 공통점이 있는지 확인하고 싶습니다.

스크린샷 감사합니다. 나는 그들 중 적어도 하나가 프래그먼트 셰이더를 수정하는 데 정확히 동일한 유틸리티를 사용하기 때문에 텍스트와 비슷한 방식으로 실패할 것으로 예상했습니다. 그러나 그들 중 누구도 실패하지 않습니다. 그래서 아마도 그것은 텍스트 glsl에 특정한 것입니다. 텍스트 glsl에서 하나씩 제거/조정을 시작하고 정확한 트리거 범위를 좁힐 수 있는지 확인하겠습니다.

몇 번의 시도:
1) https://5dcc2b581b644200098d5e75--troika-examples.netlify.com/#text
2) https://5dcc302d78835c00089437e2--troika-examples.netlify.com/#text
3) https://5dcc31b70765f2000991ad0f--troika-examples.netlify.com/#text

ok all 1. 2. 및 3. 모든 재료와 안개 유무에 관계없이 작동합니다!

😮 놀랍다!

마지막으로 한 가지 확인하고 최종 수정에 대한 정보가 충분해야 합니다.
https://5dcc47d956b59f00070bea55--troika-examples.netlify.com/#text

그리고 Shadows 확인란도 작동하는지 확인할 수 있습니까?

흠 작동하지 않습니다 ... 이상합니다 :>

그것은 실제로 좋은 소식입니다! 문제를 일으키는 매우 구체적인 조건을 가리킵니다.

if (uTroikaSDFDebug) {
    gl_FragColor *= 0.5;
  } else {
    discard;
  }

조건문을 discard 로 바꾸면 작동하기 시작한 것 같습니다. uTroikaSDFDebug 는 유니폼이므로 항상 else 로 가야 하기 때문에 매우 이상합니다. 그러나 어떤 이유에서인지 귀하의 시스템은 그것을 좋아하지 않습니다.

따라서 조건문을 제거하겠습니다. DEFINE이나 다른 것으로 다시 공식화하려고 시도할 수 있지만 어쨌든 그다지 유용하지는 않습니다.

마스터에 대한 최종 수정 사항으로 이 작업을 수행하고 한 번 더 확인한 다음 새 버전을 게시하고 aframe 구성 요소에서 업데이트합니다. 하루나 이틀이 걸릴 수 있습니다.

기회가 있을 때 테스트할 마스터 빌드: https://troika-examples.netlify.com/#text

네, 이것은 모든 머티리얼과 안개 켜짐/꺼짐에서 작동합니다!

@arpu 이 문제를 추적하는 데 도움을 주신 시간과 인내심에 다시 한 번 감사드립니다. 이 수정 사항은 0.15.7에 게시되었습니다.

또한 고정 버전을 사용하는 버전 0.1.2로 aframe-troika-text 를 올렸습니다. 또한 이전에 언급한 ThreeJS r110에 대한 수정 사항도 포함되어 있습니다.