Three.js: 레티 나 디스플레이에서 텍스처를 선명하게 만드는 방법은 무엇입니까?

이방성은 아마도 당신이 추구하는 것일 것입니다.
http://mrdoob.github.com/three.js/examples/webgl_materials_texture_anisotropy.html

좋아 이것은 반복되는 텍스처에 대한 내 문제를 수정했습니다. :) 그러나 반복되지 않는 텍스처에는 작동하지 않았습니다. 어떻게 해결할 수 있는지에 대한 아이디어가 있습니까?

아마도 두 텍스처의 거듭 제곱이어야합니까?

글쎄, 텍스처의 해상도를 높이려고 시도했지만 개선되지 않았습니다. 증가 된 밀도가 처리되는 방법을 실제로 알지 못한 채, 텍스처가 지오메트리면의 적절한 픽셀 크기로 축소되고 있지만 디스플레이의 밀도에 맞게 브라우저에 의해 다시 확장되는 것 같습니다.

반복되는 텍스처를 자세히 살펴보면 이방성을 최대로 설정하는 동안 품질이 크게 향상되었지만 텍스처가 여전히 선명하지 않다는 것을 알 수 있습니다.

예제 나 적어도 스크린 샷을 보지 않고는 무슨 일이 일어나고 있는지 말하기는 어렵지만 다음과 같이보고 싶을 수 있습니다.

http://www.khronos.org/webgl/wiki/HandlingHighDPI

멋진 링크 @alteredq ! 내 문제를 해결했으며 모든 것이 이제 선명 해 보입니다. :)

이 문제를 발견 한 다른 사람을 위해 여기에 댓글을 남기기 만하면됩니다. 제가 답을 찾으려고 거의 화가 났고 Google이 계속 저를 여기로 가져 왔기 때문입니다. 저도 똑같은 문제가 있었지만 저에게는 매우 간단한 해결책이었습니다. 단순히 devicePixelRatio 를 설정하는 것이 었습니다. 렌더러에서

renderer.setPixelRatio(window.devicePixelRatio ? window.devicePixelRatio : 1);

_ 객체 생성시 devicePixelRatio 설정이 작동하지 않는다는 점에 유의할 필요가 있습니다. 벌레일까요? _

_ 객체 생성시 devicePixelRatio 설정이 작동하지 않는다는 점에 유의할 필요가 있습니다. 벌레일까요? _

그것은 얼마 전에 제거되었습니다.

@mrdoob , @greggman : 참고로, renderer.setPixelRatio _before_를 호출하여 renderer.setSize 를 호출해야한다는 것이 전혀 명확하지 않습니다.

@mietek 사실,이 문제가 이미 dev 실수로 수정되었을 수 있다고 생각합니다 ...

renderer.setSize를 호출하기 전에 renderer.setPixelRatio를 호출해야한다는 것은 전혀 명확하지 않습니다.

도움이되지도 않는 것 같습니다. 이것은 내가 사파리 콘솔에서 얻는 것입니다.

그리고 이것은 ipad에서 어떻게 생겼는지입니다 :

보시다시피 직사각형은 올바른 크기로 보이지만 실제 뷰포트는 2 배 더 큽니다.

dpr = 2를 사용하는 크롬 시뮬레이터에서는 제대로 보이지만 ipad에서는 그렇지 않습니다.

@makc 당신은 링크가 있습니까?

[삭제됨]

다른 일이 벌어지고 있습니다 ...

Safari의 개발자 도구를 사용하여 style="width: 418px 를 style="width: 408px 로 변경했다가 원래대로 되돌 렸습니다. 나는 물건을 엉망으로 만드는 다른 CSS 규칙이 있다고 확신합니다.

물건을 앞뒤로 기울이면이 문제도 해결되는 것 같습니다.

        setTimeout (function () {
            renderer.domElement.style.width = (parseInt (renderer.domElement.style.width) - 1) + 'px';
            setTimeout (function () {
                renderer.domElement.style.width = (parseInt (renderer.domElement.style.width) + 1) + 'px';
            }, 0);
        }, 0);

전혀 작동하지 않았습니다. 다시 그리기 보드로 ...