# Menghidupkan Robot 3D Interaktif - Animasi & Interaksi di Spline - Spline Academy (https://spline.design/id/academy/tutorials/bring-an-interactive-3d-robot-to-life)

> Halo! 👋 Kali ini kita siap bersenang-senang dan menunjukkan berbagai cara membawa karakter 3D ke level berikutnya dengan membuatnya interaktif! Coba…

1. [Academy](https://spline.design/id/academy)
2. [Kursus](https://spline.design/id/academy/collections)
3. [Animasi & Interaksi di Spline](https://spline.design/id/academy/collections/animation-interactions-in-spline)
4. Menghidupkan Robot 3D Interaktif

# Menghidupkan Robot 3D Interaktif

Pelajaran 7 dari 14Spline 3DPemula13 mnt

Halo! 👋 Kali ini kita siap bersenang-senang dan menunjukkan berbagai cara membawa karakter 3D ke level berikutnya dengan membuatnya interaktif! Coba Spline: <https://spline.design/>

Anda akan belajar membuat robot lucu ini mengikuti kursor Anda, mengubah ekspresi atau warnanya dengan satu klik sederhana, dan banyak lagi!

Sesuatu yang bisa Anda integrasikan dengan mudah ke proyek atau situs web Anda, tanpa coding ;)

Silakan pakai karakter apa pun yang Anda suka, atau unduh yang ini dan ikuti tutorialnya.

🤖 Remix: <https://app.spline.design/file/f09aef0f-3b4e-436e-a05a-e97945e2490a>

Selamat belajar!

Interaksi di menit 10:44 terinspirasi dari Gaurav Kallugadde (@gaurav\_paints) ❤️

## Yang akan Anda pelajari

1. [0:00Pengantar](https://www.youtube.com/watch?v=JPUSjRxQEKI&t=0s)
2. [0:37Membuat karakter Anda menghadap kursor - event Look At](https://www.youtube.com/watch?v=JPUSjRxQEKI&t=37s)
3. [1:34Interaksi Mouse Hover](https://www.youtube.com/watch?v=JPUSjRxQEKI&t=94s)
4. [3:26Interaksi Mouse Press & Mouse Down](https://www.youtube.com/watch?v=JPUSjRxQEKI&t=206s)
5. [4:45Mengubah warna karakter Anda](https://www.youtube.com/watch?v=JPUSjRxQEKI&t=285s)
6. [10:44Mengubah ekspresi wajah](https://www.youtube.com/watch?v=JPUSjRxQEKI&t=644s)
7. [12:27Kontrol game](https://www.youtube.com/watch?v=JPUSjRxQEKI&t=747s)

## Sumber terkait

- [Robot Interactive EventsTemplate](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 worksDokumen](https://docs.spline.design/interaction-states-events-and-actions/how-state-based-animation-works)
- [Look At EventDokumen](https://docs.spline.design/interaction-states-events-and-actions/events/look-at-event)
- [Mouse Down EventDokumen](https://docs.spline.design/interaction-states-events-and-actions/events/mouse-down-event)

## Ikhtisar

- Spline 3D
- 13 mnt
- Pemula

## Berikutnya

[Membuat Karakter Lebah Interaktif untuk Web14 mntMenengah](https://spline.design/id/academy/collections/animation-interactions-in-spline/create-an-interactive-bee-character-for-the-web)[Lanjutkan](https://spline.design/id/academy/collections/animation-interactions-in-spline/create-an-interactive-bee-character-for-the-web)

[Spline](https://spline.design/id)

Editor 3D dan 2D untuk tim dan agen mereka. Rilis ke web, iOS, dan Android.

#### Tanya AI tentang Spline

#### Produk

- [Desain 3D](https://spline.design/id/3d-design)
- [Hana](https://spline.design/id/hana)
- [Omma](https://omma.build)
- [Pembuatan 3D dengan AI](https://spline.design/id/ai-generate)
- [Spline MCP](https://spline.design/id/mcp)
- [Spline Arena](https://spline.design/id/arena)
- [Harga](https://spline.design/id/pricing)
- [Enterprise](https://spline.design/id/enterprise)

#### Runtime

- [Web](https://spline.design/id/web)
- [iOS](https://spline.design/id/ios)
- [Android](https://spline.design/id/android)

#### Aplikasi

- [Unduh](https://spline.design/id/download)
- [Spline Mirror](https://spline.design/spline-mirror)
- [Unduh Spline Mirror](https://spline.design/download-mirror)

#### Belajar

- [Docs](https://docs.spline.design/)
- [Academy](https://spline.design/id/academy)
- [Spline API](https://www.npmjs.com/package/@splinetool/runtime)
- [Solusi](https://spline.design/solutions)

#### Komunitas

- [Komunitas Spline](https://community.spline.design)
- [Blog](https://spline.design/id/blog)
- [Changelog](https://spline.design/id/changelog)
- [Pendidikan](https://spline.design/id/education)
- [Contra](https://spline.design/contra)
- [Afiliasi](https://spline.design/id/affiliate)

#### Perusahaan

- [Pelanggan](https://spline.design/id/customers)
- [Karier](https://www.ycombinator.com/companies/spline/jobs)
- [Keamanan](https://spline.design/id/security)

#### Legal

- [Syarat & Ketentuan](https://spline.design/terms)
- [Privasi](https://spline.design/privacy)

#### Kontak

- [help@spline.design](mailto:help@spline.design)
- [jobs@spline.design](mailto:jobs@spline.design)

© 2026 - Spline, Inc.