일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | ||||
4 | 5 | 6 | 7 | 8 | 9 | 10 |
11 | 12 | 13 | 14 | 15 | 16 | 17 |
18 | 19 | 20 | 21 | 22 | 23 | 24 |
25 | 26 | 27 | 28 | 29 | 30 | 31 |
Tags
- accordian
- alias설정
- react
- ignore padding
- CustomHook
- createPortal
- es6
- 서초구보건소 #무료CPR교육
- Carousel
- vite
- BlockFormattingContext
- 화살표2개
- 제어컴포넌트
- 조건부스타일
- 함수형프로그래밍
- useQueryClient
- 문제해결
- tailwindCSS
- QueryClient
- 부모패딩
- ㅡ
- BFC
- twoarrow
- 부모요소의 패딩 무시
- transition
- ?? #null병합연산자
- DOM
- 리액트
- parent padding
- debouncing
Archives
- Today
- Total
목록2024/08/07 (1)
프론트엔드 첫걸음
[R3F] Three.js에서 애니메이션 캐릭터를 클론하는 방법
SkeletonUtils를 사용하여 Three.js에서 애니메이션 캐릭터를 클론하는 방법에 대해 설명하겠습니다. SkeletonUtils는 주로 react-three-fiber와 같은 라이브러리와 함께 사용됩니다. 이 유틸리티는 Three.js의 SkinnedMesh 및 Skeleton을 포함한 복잡한 3D 모델을 올바르게 클론하는 데 유용합니다.기본적인 단계Three.js 및 SkeletonUtils 가져오기3D 모델 로드SkeletonUtils를 사용하여 모델 클론클론된 모델 장면에 추가예제 코드아래는 SkeletonUtils를 사용하여 모델을 클론하고 react-three-fiber를 사용하여 장면에 추가하는 예제입니다: import React, { useRef, useEffect } from 'r..
개발 공부/three.js
2024. 8. 7. 17:32