# Cara Membuat Interaksi Carousel 3D - Spline Tingkat Lanjut | Mendalami Fitur - Spline Academy (https://spline.design/id/academy/tutorials/how-to-create-a-3d-carousel-interaction)

> 🎡 Dalam tutorial ini, kita akan membuat interaksi carousel 3D yang seru dengan keajaiban variabel! Kami akan memandu Anda di setiap langkah, mulai dari…

1. [Academy](https://spline.design/id/academy)
2. [Kursus](https://spline.design/id/academy/collections)
3. [Spline Tingkat Lanjut | Mendalami Fitur](https://spline.design/id/academy/collections/spline-advanced-feature-deep-dive)
4. Cara Membuat Interaksi Carousel 3D

# Cara Membuat Interaksi Carousel 3D

Pelajaran 6 dari 17Spline 3DLanjutan16 mnt

🎡 Dalam tutorial ini, kita akan membuat interaksi carousel 3D yang seru dengan keajaiban variabel! Kami akan memandu Anda di setiap langkah, mulai dari memosisikan objek dan menyiapkan radial cloning hingga membuat efek rotasi mulus yang dipicu oleh klik pengguna.

👉 Remix demo carousel yang ditampilkan dalam tutorial! 👇 Contoh carousel kubus 3D dasar: <https://app.spline.design/file/7a7cdf26-ca54-4690-a76d-247dcaaf257a>

Carousel kartu 3D: <https://app.spline.design/file/f2857f06-7a97-4245-a43e-fe88503913d4>

\---

🧑‍🏫 Selengkapnya tentang variabel: <https://www.youtube.com/watch?v=Id%5FSZVCUVMM> <https://www.youtube.com/watch?v=eCxLYk2rNzg>

\--- Temukan lebih banyak kreator dan proyek luar biasa #MadeInSpline di <https://community.spline.design/>

## Yang akan Anda pelajari

1. [0:00Menyiapkan carousel 3D](https://www.youtube.com/watch?v=pR2AhQ22KwM&t=0s)
2. [0:15Membangun carousel dasar](https://www.youtube.com/watch?v=pR2AhQ22KwM&t=15s)
3. [1:32Memakai variabel untuk rotasi](https://www.youtube.com/watch?v=pR2AhQ22KwM&t=92s)
4. [6:33Memicu rotasi dengan event Mouse Down](https://www.youtube.com/watch?v=pR2AhQ22KwM&t=393s)
5. [8:35Membuat efek skala (contoh Cards Carousel)](https://www.youtube.com/watch?v=pR2AhQ22KwM&t=515s)

## Sumber terkait

- [Basic 3D Cubes CarouselTemplate](https://app.spline.design/academy/tutorials/how-to-create-a-3d-carousel-interaction?redirect-duplicate-template-uuid=db997029-a24c-4b33-b016-ec27a2ff7fc3&is-2d-file=false)
- [Cloner MotionDokumen](https://docs.spline.design/designing-in-3-d/cloner-motion)
- [VariablesDokumen](https://docs.spline.design/interaction-states-events-and-actions/variables)
- [Mouse Down EventDokumen](https://docs.spline.design/interaction-states-events-and-actions/events/mouse-down-event)

## Ikhtisar

- Spline 3D
- 16 mnt
- Lanjutan

## Berikutnya

[Cara Menyiapkan API dan Webhook Real-Time untuk Scene 3D Anda16 mntLanjutan](https://spline.design/id/academy/collections/spline-advanced-feature-deep-dive/how-to-set-up-real-time-apis-and-webhooks-for-your-3d-scenes)[Lanjutkan](https://spline.design/id/academy/collections/spline-advanced-feature-deep-dive/how-to-set-up-real-time-apis-and-webhooks-for-your-3d-scenes)

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