inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

Three.js로 시작하는 3D 인터랙티브 웹

GUI 컨트롤

lookAt(mesh.position) 관련 질문입니다!

403

lemon

작성한 질문수 3

0

GUI컨트롤 강의에서 8:05에 lookAt(mesh.position)을 했는데 왜 lookAt(mesh)를 하면 화면에 아무것도 안 보이는건가요??

+애니메이션이 계속 업데이트 되기 때문에 camera.lookAt(mesh.position)을 draw()함수에 넣어야된다고 하셔서 애니메이션을 끄고 실행해보려고 draw()함수를 주석처리하고 camera.lookAt(mesh.position)을 다음과 같이 넣었더니 GUI를 움직여도 변화가 없는데 이건 왜인가요??ㅠㅠ

 

// GUI
const gui = new dat.GUI();
gui.add(mesh.position, 'y', -5, 5, 0.01).name('y 위치'); //조정할 속성, 속성값, 최솟값, 최댓값, 조정 단위 
gui
    .add(mesh.position, 'z')
    .min(-10)
    .max(3)
    .step(0.01) //위와 같은데 쓰는 방식만 다른거임
    .name('메쉬의 z위치'); //조정 이름 설정

gui.add(camera.position, 'x', -10, 10, 0.01).name('카메라 x');
camera.lookAt(mesh.position);
// 그리기
const clock = new THREE.Clock();

// function draw() {
    
// 	const time = clock.getElapsedTime();

// 	mesh.rotation.y = time;

    renderer.render(scene, camera);
// 	renderer.setAnimationLoop(draw);
// }

blender 인터랙티브-웹 three.js

답변 2

0

1분코딩

ODeorain님 말씀대로, 계속 변경된 화면을 그려줘야하기 때문에 camera.lookAt을 계속 반복 실행되는 함수인 draw에 넣어주셔야 합니다~ draw 함수를 예제대로 아래처럼 작성해 보세요^^

function draw() {
		const time = clock.getElapsedTime();
		mesh.rotation.y = time;

		camera.lookAt(mesh.position);

		renderer.render(scene, camera);
		renderer.setAnimationLoop(draw);
	}

 

0

ODeorain

애니메이션이 계속 업데이트 되어야 변경된 GUI값을 화면에 반영할 수 있기 때문이 아닐까요...?

function draw(){

renderer.render(scene,camera);
renderer.setAnimationLoop(draw);
camera.lookAt(mesh.position);

}

box3.position.x 위치

0

38

1

리액트/next.js와 같이 사용하는 강의 계획은 없으신가요?

0

80

1

소스코드 파일이 강의랑 같나요?

0

118

2

materials 배열에 있는 top, bottom ... 들에 대해서

0

118

0

gltf 포맷 사용

0

243

1

점프 애니메이션 stop

0

127

2

사양에 따른 다른 결과

0

112

1

중복 질문 삭제

0

160

1

혹시 이 빛의 범위를 조절할 수 있는 방법이 있나요?

0

124

1

gltf.scene.children 이 없는데도 모델이 화면에 떠요

0

101

2

GLF파일 export한 후에 three.js에서 렌더링 된 모델에는 텍스처 적용이 안되어있습니다..!

0

160

1

일반 유리, 강화 유리 강의에서 Glass 객체의 position X를 -1, 1로 설정한 이유를 모르겠어요

0

77

0

그림자가 다르게 표현됩니다

0

138

1

setAnimationLoop 위치가...

0

99

1

얼굴 그릴 때 붓이 깔끔하게 칠해지지 않고 얼룩덜룩해요

0

135

1

블렌더 texture paint 시 미러모드

0

163

0

DragControls의 인자값을 바꾸지 않았는데 에러가 안떠요!

0

104

1

blender 에서 색칠하기 편 Texter paint slot추가없음

0

966

2

fin 버전도 그냥 실행이 안돼요

0

289

2

자바스크립트 실행이 안되는 것 같아요

0

379

1

모니터 해상도에 따라 mesh의 크기가 변할 수 있나요?

0

238

1

live server와 localhost:8080

0

345

1

material에 canvas 를 texture 로 넣는방법이 궁금해요

0

270

1

모바일 조이스틱은 어떻게 만들 수 있을까요?

0

208

1