inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

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

라이브러리를 이용한 애니메이션

gsap 사용시에 requestAnimationFrame이 돌아가고 있어야하나요?

307

이원희

작성한 질문수 1

0

requestAnimationFrame()이나 setAnimationLoop()와는 독립적으로 돌아간다고 하셔서 draw function 전체를 지우고 

renderer.render(scene, camera);

만 남긴 후에 실행을 하면 애니매이션이 동작을 안하는데

코드를 잘못된 순서로 넣어서 그런걸까요 

아니면 움직임을 제어하는 코드부분만 독립적이란 말씀이고 requestAnimationFrame 자체는 돌아가는 상태여야는 하는건가요?

궁금합니다

아래부분 코드입니다

// gsap
	gsap.to(
		mesh.position,
		{
			duration: 1,
			y: 2,
			z: 3
		}
	);

    renderer.render(scene, camera);

	function setSize() {
		camera.aspect = window.innerWidth / window.innerHeight;
		camera.updateProjectionMatrix();
		renderer.setSize(window.innerWidth, window.innerHeight);
		renderer.render(scene, camera);
	}

	// 이벤트
	window.addEventListener('resize', setSize);

	// draw();

Three.js 인터랙티브-웹 blender

답변 1

0

1분코딩

아 네, 바뀐 상태가 시각적으로 반영되도록 하려면 그때그때 render를 해줘야 하기때문에, 기본적으로 반복실행은 해준다고 생각하시면 됩니다.

CDN으로 수업을 들을경우

0

16

1

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

0

98

1

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

0

138

2

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

0

131

0

gltf 포맷 사용

0

262

1

점프 애니메이션 stop

0

143

2

사양에 따른 다른 결과

0

119

1

중복 질문 삭제

0

167

1

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

0

129

1

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

0

118

2

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

0

180

1

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

0

85

0

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

0

155

1

setAnimationLoop 위치가...

0

111

1

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

0

150

1

블렌더 texture paint 시 미러모드

0

172

0

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

0

110

1

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

0

1025

2

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

0

304

2

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

0

408

1

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

0

247

1

live server와 localhost:8080

0

361

1

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

0

280

1

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

0

219

1