# Menghidupkan Robot 3D Interaktif - 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. [Tutorial](https://spline.design/id/academy/tutorials)
3. Menghidupkan Robot 3D Interaktif

# Menghidupkan Robot 3D Interaktif

Spline 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

## Bagian dari

- [Animasi & Interaksi di Spline](https://spline.design/id/academy/collections/animation-interactions-in-spline/bring-an-interactive-3d-robot-to-life)

## Tutorial terkait

[Semua tutorial](https://spline.design/id/academy/tutorials)

[Cara Membuat Interaksi Carousel 3DSpline 3DLanjutan16 mnt](https://spline.design/id/academy/tutorials/how-to-create-a-3d-carousel-interaction)[Membuat Karakter Lebah Interaktif untuk WebSpline 3DMenengah14 mnt](https://spline.design/id/academy/tutorials/create-an-interactive-bee-character-for-the-web)[Menganimasikan Kotak 3D InteraktifSpline 3DMenengah4 mnt](https://spline.design/id/academy/tutorials/animate-interactive-3d-boxes)

[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.