# 변수로 인터랙티브 3D 캐릭터 만들기 - Spline 고급 | 기능 심층 분석 - Spline Academy (https://spline.design/ko/academy/tutorials/create-an-interactive-3d-character-using-variables)
> 안녕하세요! 이 동영상에서는 귀여운 인터랙티브 3D 복어 캐릭터에 생명을 불어넣는 방법을 보여 드립니다. Spline 확인하기: https://spline.design/
1. [아카데미](https://spline.design/ko/academy)
2. [코스](https://spline.design/ko/academy/collections)
3. [Spline 고급 | 기능 심층 분석](https://spline.design/ko/academy/collections/spline-advanced-feature-deep-dive)
4. 변수로 인터랙티브 3D 캐릭터 만들기
# 변수로 인터랙티브 3D 캐릭터 만들기
레슨 5/17Spline 3D고급17분
안녕하세요! 이 동영상에서는 귀여운 인터랙티브 3D 복어 캐릭터에 생명을 불어넣는 방법을 보여 드립니다. Spline 확인하기:
변수로 이벤트를 일으켜 이 작은 친구의 크기와 위치를 바꿔 봅니다. 복어를 클릭할수록 점점 더 부풀어 오르다가 결국 랜딩 페이지 맨 위로 떠오릅니다.
복어의 다양한 요소를 만들고 애니메이션을 적용하는 방법도 안내합니다. 요소들이 복어와 함께 커지고, 마우스가 가까이 가면 통통 튀는 재미있는 효과도 더해 봅니다.
그럼 변수의 마법을 탐험하며 인터랙티브 씬을 신나게 만들어 볼까요!
🐡 리믹스: 🌐 라이브 사이트:
변수 더 알아보기: 👉 📘
✨ Spline 커뮤니티에 참여해 영감을 얻고 디자인을 공유하세요.
💬 ❤️ 보고 싶은 튜토리얼 주제를 댓글로 알려 주세요.
## 배울 내용
1. [0:00인트로](https://www.youtube.com/watch?v=eCxLYk2rNzg&t=0s)
2. [0:34변수 만들고 사용하기](https://www.youtube.com/watch?v=eCxLYk2rNzg&t=34s)
3. [4:29다양한 요소 추가하기](https://www.youtube.com/watch?v=eCxLYk2rNzg&t=269s)
4. [8:34요소에 애니메이션을 적용하고 성장에 따라가게 하기](https://www.youtube.com/watch?v=eCxLYk2rNzg&t=514s)
5. [15:02인터랙티브 효과와 내보내기](https://www.youtube.com/watch?v=eCxLYk2rNzg&t=902s)
## 관련 자료
- [Pufferfish 템플릿](https://app.spline.design/academy/tutorials/create-an-interactive-3d-character-using-variables?redirect-duplicate-template-uuid=4c31a93c-9867-4864-9e5b-58eb843e508d&is-2d-file=false)
- [Variables문서](https://docs.spline.design/interaction-states-events-and-actions/variables)
- [Variable Change Event문서](https://docs.spline.design/interaction-states-events-and-actions/events/variable-change-event)
- [Conditional Action문서](https://docs.spline.design/interaction-states-events-and-actions/actions/conditional-action)
## 개요
- Spline 3D
- 17분
- 고급
## 다음 레슨
[3D 캐러셀 인터랙션 만드는 방법16분고급](https://spline.design/ko/academy/collections/spline-advanced-feature-deep-dive/how-to-create-a-3d-carousel-interaction)[계속하기](https://spline.design/ko/academy/collections/spline-advanced-feature-deep-dive/how-to-create-a-3d-carousel-interaction)
[Spline](https://spline.design/ko)
팀과 AI 에이전트를 위한 3D·2D 에디터. 웹, iOS, Android에 바로 배포하세요.
#### AI에게 Spline에 대해 묻기
#### 제품
- [3D 디자인](https://spline.design/ko/3d-design)
- [Hana](https://spline.design/ko/hana)
- [Omma](https://omma.build)
- [AI 3D 생성](https://spline.design/ko/ai-generate)
- [Spline MCP](https://spline.design/ko/mcp)
- [Spline Arena](https://spline.design/ko/arena)
- [요금제](https://spline.design/ko/pricing)
- [엔터프라이즈](https://spline.design/ko/enterprise)
#### 런타임
- [Web](https://spline.design/ko/web)
- [iOS](https://spline.design/ko/ios)
- [Android](https://spline.design/ko/android)
#### 앱
- [다운로드](https://spline.design/ko/download)
- [Spline Mirror](https://spline.design/spline-mirror)
- [Spline Mirror 다운로드](https://spline.design/download-mirror)
#### 학습
- [Docs](https://docs.spline.design/)
- [Academy](https://spline.design/ko/academy)
- [Spline API](https://www.npmjs.com/package/@splinetool/runtime)
- [솔루션](https://spline.design/solutions)
#### 커뮤니티
- [Spline 커뮤니티](https://community.spline.design)
- [Blog](https://spline.design/ko/blog)
- [변경 로그](https://spline.design/ko/changelog)
- [교육](https://spline.design/ko/education)
- [Contra](https://spline.design/contra)
- [제휴 프로그램](https://spline.design/ko/affiliate)
#### 회사
- [고객 사례](https://spline.design/ko/customers)
- [채용](https://www.ycombinator.com/companies/spline/jobs)
- [보안](https://spline.design/ko/security)
#### 법적 고지
- [이용약관](https://spline.design/terms)
- [개인정보처리방침](https://spline.design/privacy)
#### 문의
- [help@spline.design](mailto:help@spline.design)
- [jobs@spline.design](mailto:jobs@spline.design)
© 2026 - Spline, Inc.