프론트엔드 첫걸음

gsap을 사용해서 3D 객체에 간단한 애니메이션 효과 주기 본문

개발 공부/three.js

gsap을 사용해서 3D 객체에 간단한 애니메이션 효과 주기

차정 2023. 5. 12. 08:00

gsap으로 rotation을 바꾸고 렌더함수를 루프시키면 렌더링될 때 마다 바뀐 rotation으로 렌더링된다
만약 그냥 자연스럽게 회전하는 것이 아니라 단순히 각도만 바꿔주려면 renderer(scene,camera)를 렌더함수에 넣지 않고 
gsap 함수 호출 후 renderer(scene,camera) 만 사용하면 된다.

 

See the Pen gsap rotating cube by JEONG (@cona) on CodePen.

'개발 공부 > three.js' 카테고리의 다른 글

BufferGeometry로 Geometry 만들기 2  (0) 2023.05.25
BufferGeometry로 Geometry 만들기  (0) 2023.05.24
OrbitControls  (0) 2023.05.12
Renderer 리사이징  (0) 2023.05.12
WebGLRenderer  (0) 2023.03.12
'개발 공부/three.js' Related Articles more