GoldTreeDevGTD UI

문서 제목, 아이콘 이름, 앱 이름으로 검색할 수 있어요.

전체 문서 보기 이동 · Enter 열기 · Esc 닫기

ThreeStage

Three.js + React Three Fiber 3D 스테이지예요. cyber-grid·wire-orbit 프리셋을 지원해요.

사용법

인터페이스

ThreeStageProps

속성타입기본값설명
preset"cyber-grid" | "wire-orbit" | "minimal"cyber-grid씬 프리셋
interactivebooleantrueOrbitControls
cameraDistancenumber5.5카메라 거리
classNamestring루트 클래스
styleCSSProperties인라인 스타일·CSS 변수

ThreeStage 컴포넌트 Props 표

가져오기

모션 CSS는 @goldtreedev/ui/motion.css를 함께 import해요.

@import "@goldtreedev/ui/motion.css";

import { ThreeStage } from "@goldtreedev/ui";
ThreeStage · 모션 UI | GoldTreeDev Docs