# Cipta Watak 3D Interaktif menggunakan Pemboleh Ubah - 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. [Tutorial](https://spline.design/ms/academy/tutorials)
3. Cipta Watak 3D Interaktif menggunakan Pemboleh Ubah

# Cipta Watak 3D Interaktif menggunakan Pemboleh Ubah

Spline 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

## Sebahagian daripada

- [Spline Lanjutan | Menyelami Ciri](https://spline.design/ms/academy/collections/spline-advanced-feature-deep-dive/create-an-interactive-3d-character-using-variables)

## Tutorial berkaitan

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

[Benamkan Adegan 3D Interaktif ke dalam Laman Web WixSpline 3DPemula5 min](https://spline.design/ms/academy/tutorials/embed-interactive-3d-scenes-into-wix-websites)[Bina Pembantu Suara AI dalam 3DSpline 3DLanjutan13 min](https://spline.design/ms/academy/tutorials/build-an-ai-voice-assistant-in-3d)[Tambah Animasi Look At pada Objek 3DSpline 3DPemula10 min](https://spline.design/ms/academy/tutorials/add-look-at-animations-to-3d-objects)

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