# 인터랙티브 3D 로봇에 생명 불어넣기 - Spline Academy (https://spline.design/ko/academy/tutorials/bring-an-interactive-3d-robot-to-life)
> 안녕하세요! 👋 이번에는 3D 캐릭터를 인터랙티브하게 만들어 한 단계 업그레이드하는 다양한 방법을 재미있게 보여 드릴 준비가 됐어요! Spline 확인하기: https://spline.design/
1. [아카데미](https://spline.design/ko/academy)
2. [튜토리얼](https://spline.design/ko/academy/tutorials)
3. 인터랙티브 3D 로봇에 생명 불어넣기
# 인터랙티브 3D 로봇에 생명 불어넣기
Spline 3D초급13분
안녕하세요! 👋 이번에는 3D 캐릭터를 인터랙티브하게 만들어 한 단계 업그레이드하는 다양한 방법을 재미있게 보여 드릴 준비가 됐어요! Spline 확인하기:
이 귀여운 로봇이 커서를 따라가게 하고, 간단한 클릭으로 표정이나 색상을 바꾸는 방법 등 많은 것을 배웁니다!
코딩 없이 프로젝트나 웹사이트에 쉽게 통합할 수 있어요 ;)
원하는 캐릭터를 자유롭게 사용하거나, 이 캐릭터를 다운로드해 튜토리얼을 따라 해 보세요.
🤖 리믹스:
즐겁게 배워 보세요!
10:44의 인터랙션은 Gaurav Kallugadde(@gaurav\_paints)에게서 영감을 받았습니다 ❤️
## 배울 내용
1. [0:00소개](https://www.youtube.com/watch?v=JPUSjRxQEKI&t=0s)
2. [0:37캐릭터가 커서를 바라보게 하기 - Look At 이벤트](https://www.youtube.com/watch?v=JPUSjRxQEKI&t=37s)
3. [1:34Mouse Hover 인터랙션](https://www.youtube.com/watch?v=JPUSjRxQEKI&t=94s)
4. [3:26Mouse Press와 Mouse Down 인터랙션](https://www.youtube.com/watch?v=JPUSjRxQEKI&t=206s)
5. [4:45캐릭터 색상 바꾸기](https://www.youtube.com/watch?v=JPUSjRxQEKI&t=285s)
6. [10:44표정 바꾸기](https://www.youtube.com/watch?v=JPUSjRxQEKI&t=644s)
7. [12:27게임 컨트롤](https://www.youtube.com/watch?v=JPUSjRxQEKI&t=747s)
## 관련 자료
- [Robot Interactive Events템플릿](https://app.spline.design/academy/tutorials/bring-an-interactive-3d-robot-to-life?redirect-duplicate-template-uuid=83094eb4-8202-4a49-894e-75e435da5f82&is-2d-file=false)
- [How state-based animation works문서](https://docs.spline.design/interaction-states-events-and-actions/how-state-based-animation-works)
- [Look At Event문서](https://docs.spline.design/interaction-states-events-and-actions/events/look-at-event)
- [Mouse Down Event문서](https://docs.spline.design/interaction-states-events-and-actions/events/mouse-down-event)
## 개요
- Spline 3D
- 13분
- 초급
## 포함된 코스
- [Spline의 애니메이션과 인터랙션](https://spline.design/ko/academy/collections/animation-interactions-in-spline/bring-an-interactive-3d-robot-to-life)
## 관련 튜토리얼
[모든 튜토리얼](https://spline.design/ko/academy/tutorials)
[3D 캐러셀 인터랙션 만드는 방법Spline 3D고급16분](https://spline.design/ko/academy/tutorials/how-to-create-a-3d-carousel-interaction)[웹을 위한 인터랙티브 꿀벌 캐릭터 만들기Spline 3D중급14분](https://spline.design/ko/academy/tutorials/create-an-interactive-bee-character-for-the-web)[인터랙티브 3D 박스 애니메이션 만들기Spline 3D중급4분](https://spline.design/ko/academy/tutorials/animate-interactive-3d-boxes)
[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.