인프런 영문 브랜드 로고
인프런 영문 브랜드 로고

인프런 커뮤니티 질문&답변

이원희님의 프로필 이미지
이원희

작성한 질문수

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

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

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

작성

·

251

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();

답변 1

0

1분코딩님의 프로필 이미지
1분코딩
지식공유자

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

이원희님의 프로필 이미지
이원희

작성한 질문수

질문하기