# Membuat Karakter 3D Interaktif dengan Variabel - Spline Tingkat Lanjut | Mendalami Fitur - Spline Academy (https://spline.design/id/academy/tutorials/create-an-interactive-3d-character-using-variables)

> Halo! Dalam video ini, kami akan menunjukkan cara menghidupkan karakter ikan buntal 3D interaktif yang lucu. Coba Spline: https://spline.design/

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. Membuat Karakter 3D Interaktif dengan Variabel

# Membuat Karakter 3D Interaktif dengan Variabel

Pelajaran 5 dari 17Spline 3DLanjutan17 mnt

Halo! Dalam video ini, kami akan menunjukkan cara menghidupkan karakter ikan buntal 3D interaktif yang lucu. Coba Spline: <https://spline.design/>

Kita akan memakai variabel untuk memicu event yang mengubah ukuran dan posisi si kecil ini. Semakin sering Anda mengklik ikan buntal itu, semakin besar ia mengembang hingga akhirnya melayang ke bagian atas landing page.

Kami juga akan memandu Anda membuat dan menganimasikan berbagai elemen ikan buntal. Anda akan melihat elemen-elemen itu ikut membesar bersama ikannya dan menambahkan efek seru seperti memantul saat mouse mendekat.

Jadi, mari kita mulai, jelajahi keajaiban variabel, dan bersenang-senang membuat scene interaktif!

🐡 Remix: <https://app.spline.design/file/810351d5-4fd8-4f85-92b2-286329f49a3f> 🌐 Situs live: <https://safe-value-478717.framer.app/>

Selengkapnya tentang variabel: 👉 <https://youtu.be/Id%5FSZVCUVMM> 📘 <https://docs.spline.design/>

✨ Bergabunglah dengan komunitas Spline untuk mencari inspirasi dan membagikan desain Anda. <https://community.spline.design/>

💬 ❤️ Bagikan usulan tutorial Anda di kolom komentar.

## Yang akan Anda pelajari

1. [0:00Intro](https://www.youtube.com/watch?v=eCxLYk2rNzg&t=0s)
2. [0:34Membuat dan memakai variabel](https://www.youtube.com/watch?v=eCxLYk2rNzg&t=34s)
3. [4:29Menambahkan berbagai elemen](https://www.youtube.com/watch?v=eCxLYk2rNzg&t=269s)
4. [8:34Menganimasikan elemen dan membuatnya ikut membesar](https://www.youtube.com/watch?v=eCxLYk2rNzg&t=514s)
5. [15:02Efek interaktif dan ekspor](https://www.youtube.com/watch?v=eCxLYk2rNzg&t=902s)

## Sumber terkait

- [Pufferfish Template](https://app.spline.design/academy/tutorials/create-an-interactive-3d-character-using-variables?redirect-duplicate-template-uuid=4c31a93c-9867-4864-9e5b-58eb843e508d&is-2d-file=false)
- [VariablesDokumen](https://docs.spline.design/interaction-states-events-and-actions/variables)
- [Variable Change EventDokumen](https://docs.spline.design/interaction-states-events-and-actions/events/variable-change-event)
- [Conditional ActionDokumen](https://docs.spline.design/interaction-states-events-and-actions/actions/conditional-action)

## Ikhtisar

- Spline 3D
- 17 mnt
- Lanjutan

## Berikutnya

[Cara Membuat Interaksi Carousel 3D16 mntLanjutan](https://spline.design/id/academy/collections/spline-advanced-feature-deep-dive/how-to-create-a-3d-carousel-interaction)[Lanjutkan](https://spline.design/id/academy/collections/spline-advanced-feature-deep-dive/how-to-create-a-3d-carousel-interaction)

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