# Cara Membuat Interaksi Carousel 3D - 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. [Tutorial](https://spline.design/id/academy/tutorials)
3. Cara Membuat Interaksi Carousel 3D

# Cara Membuat Interaksi Carousel 3D

Spline 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

## Bagian dari

- [Spline Tingkat Lanjut | Mendalami Fitur](https://spline.design/id/academy/collections/spline-advanced-feature-deep-dive/how-to-create-a-3d-carousel-interaction)

## Tutorial terkait

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

[Membuat Karakter 3D Interaktif dengan VariabelSpline 3DLanjutan17 mnt](https://spline.design/id/academy/tutorials/create-an-interactive-3d-character-using-variables)[Cara Menyiapkan API dan Webhook Real-Time untuk Scene 3D AndaSpline 3DLanjutan16 mnt](https://spline.design/id/academy/tutorials/how-to-set-up-real-time-apis-and-webhooks-for-your-3d-scenes)[Menyematkan Scene 3D Interaktif ke Situs Web WixSpline 3DPemula5 mnt](https://spline.design/id/academy/tutorials/embed-interactive-3d-scenes-into-wix-websites)

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