Three. js 입방체 스티커 에 대해 가장자리 톱날 문제 발생

Three. js 의 입방체 모형 을 사용 하여 스티커 를 붙 일 때 우 리 는 매개 변수 가 작은 톱니 효과 가 나타 나 는 것 을 발견 할 수 있다.
입방체 스티커 테두리 톱날
문제.
해결 후
시험 테스트 를 통 해 발견,
textureGrass. wrapS 와 textureGrass. wrapT 속성 으로 인 한 것 입 니 다.
해결 방법 1:
textureGrass. wrapS 와 textureGrass. wrap 을 삭제 합 니 다.
var textureGrass = new THREE.ImageUtils.loadTexture(src);
//          
//   1:    
/*textureGrass.wrapS = THREE.RepeatWrapping;
textureGrass.wrapT = THREE.RepeatWrapping;*/
//   2:      ,    1
textureGrass.wrapS;
textureGrass.wrapT;
textureGrass.repeat.set(1, 1); //  x,y    

해결 방법 2:
속성 값 을 1001 로 설정
var textureGrass = new THREE.ImageUtils.loadTexture(src);
//          ,       1001  
textureGrass.wrapS = 1001;
textureGrass.wrapT = 1001;
textureGrass.repeat.set(1, 1); //  x,y    

*: THREE. WebGLRenderer 83 버 전 실험

좋은 웹페이지 즐겨찾기