TypeError: ThreeJs를 사용하여 정의되지 않은('위치' 읽기) 속성을 읽을 수 없습니다.

Question

내 웹사이트의 히어로 섹션 배경에 3D 모델을 통합하려고 합니다. 작동하지만 창 크기를 수동으로 변경하면 3D 모델이 새 크기에 맞춰 조정되지 않습니다. 첫 번째 문제와 관련될 수 있는 또 다른 문제는 "two.js" 파일에 있는 코드의 69행을 참조하는 다음 오류 메시지가 콘솔에 표시된다는 것입니다. 콘솔에 다음 오류 메시지가 나타납니다:

3D 모델이 화면 크기에 적응하지 못하는 문제를 해결하는 것이 최우선 과제입니다. 오류 메시지는 여전히 작동하는지 여부는 중요하지 않습니다. 그러나 이상적으로는 두 사람이 두 가지 문제를 모두 해결할 수 있습니다.

아이디어가 있나요?

으아아아 으아아아 으아아아

Answer 1

크기가 조정되지 않는 이유는 버그 때문입니다. 모델의 위치를 ​​업데이트하려고 시도 중이지만 이 시점에서는 모델이 아직 정의되지 않았으므로 오류가 발생하고 더 이상 이동하지 않습니다.

비동기 파일 로딩이 완료되기 전에 마지막에 animate() 함수를 호출하시는 것 같은데요. 객체가 로드될 때 나머지 코드가 실행되기 때문에 마지막 줄에 도달하여 애니메이션 기능을 실행하고 이 시점에서 모델이 정의되지 않았기 때문에 실패합니다. 모델이 로드된 후에 이런 일이 발생하도록 하려면 해당 모델을 성공 함수로 옮겨야 합니다.