[ ThreeJS ] OBJLoader object 위치 이동

 

환경 구성

ThreeJS 0.128.0 버전을 이용합니다. 아래 CDN 링크를 참고해주세요.

    <script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/r128/three.min.js" integrity="sha512-dLxUelApnYxpLt6K2iomGngnHO83iUvZytA3YjDUCjT0HDOHKXnVYdf3hU4JjM8uEhxf9nD1/ey98U3t2vZ0qQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
    <script src="https://unpkg.com/three@0.128.0/examples/js/loaders/OBJLoader.js"></script>

 

위치 이동

ThreeJS에서 오브젝트 위치를 이동시키기 위해서는 setX, setY, setZ함수를 이용합니다. 

const loader = new THREE.OBJLoader(loadmanager);

loader.load( url, ( object ) => {
    object.position.setX( position.x );
    object.position.setY( position.y );
    object.position.setZ( position.z );

    this.scene.add( object );
});

 

 

사실, OBJLoader 말고도 GLTFLoader 나 기타 로더의 오브젝트들에도 적용할 수 있습니다. 추가적인 레퍼런스는 아래를 참고해주세요. 

 

https://threejs.org/docs/#examples/en/loaders/OBJLoader

three.js docs