# Cipta Watak 3D Interaktif menggunakan Pemboleh Ubah - Spline Lanjutan | Menyelami Ciri - Spline Academy (https://spline.design/ms/academy/tutorials/create-an-interactive-3d-character-using-variables)

> Hai! Dalam video ini, kami akan menunjukkan cara menghidupkan watak Ikan Buntal 3D interaktif yang comel. Lihat Spline: https://spline.design/

1. [Academy](https://spline.design/ms/academy)
2. [Kursus](https://spline.design/ms/academy/collections)
3. [Spline Lanjutan | Menyelami Ciri](https://spline.design/ms/academy/collections/spline-advanced-feature-deep-dive)
4. Cipta Watak 3D Interaktif menggunakan Pemboleh Ubah

# Cipta Watak 3D Interaktif menggunakan Pemboleh Ubah

Pelajaran 5 daripada 17Spline 3DLanjutan17 min

Hai! Dalam video ini, kami akan menunjukkan cara menghidupkan watak Ikan Buntal 3D interaktif yang comel. Lihat Spline: <https://spline.design/>

Kita akan menggunakan pemboleh ubah untuk mencetuskan peristiwa yang mengubah saiz dan kedudukan si kecil ini. Semakin banyak anda mengklik ikan buntal itu, semakin ia mengembung dan akhirnya terapung ke bahagian atas landing page.

Kami juga akan membimbing anda cara mencipta dan menganimasikan pelbagai elemen Ikan Buntal itu. Anda akan melihat elemen itu membesar bersama ikan dan menambah kesan yang menyeronokkan seperti melantun apabila tetikus mendekat.

Jadi, mari kita mulakan, terokai keajaiban pemboleh ubah dan berseronok mencipta adegan interaktif!

🐡 Adun semula: <https://app.spline.design/file/810351d5-4fd8-4f85-92b2-286329f49a3f> 🌐 Laman Langsung: <https://safe-value-478717.framer.app/>

Ketahui lebih lanjut tentang Pemboleh Ubah: 👉 <https://youtu.be/Id%5FSZVCUVMM> 📘 <https://docs.spline.design/>

✨ Sertai komuniti Spline kami untuk mendapatkan inspirasi dan kongsi reka bentuk anda. <https://community.spline.design/>

💬 ❤️ Kongsi cadangan tutorial anda di ruangan komen.

## Apa yang akan anda pelajari

1. [0:00Pengenalan](https://www.youtube.com/watch?v=eCxLYk2rNzg&t=0s)
2. [0:34Mencipta dan Menggunakan Pemboleh Ubah](https://www.youtube.com/watch?v=eCxLYk2rNzg&t=34s)
3. [4:29Menambah Elemen Berbeza](https://www.youtube.com/watch?v=eCxLYk2rNzg&t=269s)
4. [8:34Menganimasikan Elemen dan Menjadikannya Mengikut Pertumbuhan](https://www.youtube.com/watch?v=eCxLYk2rNzg&t=514s)
5. [15:02Kesan Interaktif dan Mengeksport](https://www.youtube.com/watch?v=eCxLYk2rNzg&t=902s)

## Sumber berkaitan

- [Pufferfish Templat](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)

## Gambaran keseluruhan

- Spline 3D
- 17 min
- Lanjutan

## Seterusnya

[Cara Mencipta Interaksi Karusel 3D16 minLanjutan](https://spline.design/ms/academy/collections/spline-advanced-feature-deep-dive/how-to-create-a-3d-carousel-interaction)[Teruskan](https://spline.design/ms/academy/collections/spline-advanced-feature-deep-dive/how-to-create-a-3d-carousel-interaction)

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

Editor 3D dan 2D untuk pasukan dan ejen mereka. Terbitkan ke web, iOS dan Android.

#### Tanya AI tentang Spline

#### Produk

- [Reka Bentuk 3D](https://spline.design/ms/3d-design)
- [Hana](https://spline.design/ms/hana)
- [Omma](https://omma.build)
- [Penjanaan 3D AI](https://spline.design/ms/ai-generate)
- [Spline MCP](https://spline.design/ms/mcp)
- [Spline Arena](https://spline.design/ms/arena)
- [Harga](https://spline.design/ms/pricing)
- [Perusahaan](https://spline.design/ms/enterprise)

#### Runtime

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

#### Aplikasi

- [Muat Turun](https://spline.design/ms/download)
- [Spline Mirror](https://spline.design/spline-mirror)
- [Muat turun Spline Mirror](https://spline.design/download-mirror)

#### Belajar

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

#### Komuniti

- [Komuniti Spline](https://community.spline.design)
- [Blog](https://spline.design/ms/blog)
- [Log Perubahan](https://spline.design/ms/changelog)
- [Pendidikan](https://spline.design/ms/education)
- [Contra](https://spline.design/contra)
- [Afiliat](https://spline.design/ms/affiliate)

#### Syarikat

- [Pelanggan](https://spline.design/ms/customers)
- [Kerjaya](https://www.ycombinator.com/companies/spline/jobs)
- [Keselamatan](https://spline.design/ms/security)

#### Undang-undang

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

#### Hubungi

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

© 2026 - Spline, Inc.