# Cara Mereka Bentuk dan Menggunakan Komponen dalam 3D - Spline Lanjutan | Menyelami Ciri - Spline Academy (https://spline.design/ms/academy/tutorials/how-to-design-and-use-components-in-3d)

> Helo! Dalam tutorial ini, anda akan belajar cara komponen berfungsi dan cara ia boleh menjadikan reka bentuk anda lebih pantas dan cekap dalam 3D.

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. Cara Mereka Bentuk dan Menggunakan Komponen dalam 3D

# Cara Mereka Bentuk dan Menggunakan Komponen dalam 3D

Pelajaran 1 daripada 17Spline 3DPertengahan15 min

Helo! Dalam tutorial ini, anda akan belajar cara komponen berfungsi dan cara ia boleh menjadikan reka bentuk anda lebih pantas dan cekap dalam 3D.

Anda boleh menemui fail adegan daripada tutorial ini dalam Library (<https://app.spline.design/library>)

11: 34 Menanggalkan instans

## Apa yang akan anda pelajari

1. [0:00Pengenalan](https://www.youtube.com/watch?v=VSddFnDjPUA&t=0s)
2. [0:43Mencipta instans komponen](https://www.youtube.com/watch?v=VSddFnDjPUA&t=43s)
3. [2:24Penggantian instans](https://www.youtube.com/watch?v=VSddFnDjPUA&t=144s)
4. [4:35Mencipta alternatif reka bentuk](https://www.youtube.com/watch?v=VSddFnDjPUA&t=275s)
5. [5:54Menambah peristiwa pada komponen](https://www.youtube.com/watch?v=VSddFnDjPUA&t=354s)
6. [7:00Menggantikan interaksi](https://www.youtube.com/watch?v=VSddFnDjPUA&t=420s)
7. [9:06Penggunaan bijak komponen 3D](https://www.youtube.com/watch?v=VSddFnDjPUA&t=546s)
8. [10:18Sistem reka bentuk dengan komponen](https://www.youtube.com/watch?v=VSddFnDjPUA&t=618s)
9. [10:47Pertukaran instans](https://www.youtube.com/watch?v=VSddFnDjPUA&t=647s)
10. [12:06Menetapkan semula penggantian](https://www.youtube.com/watch?v=VSddFnDjPUA&t=726s)
11. [13:11Cloner dan instans](https://www.youtube.com/watch?v=VSddFnDjPUA&t=791s)
12. [14:20Penutup](https://www.youtube.com/watch?v=VSddFnDjPUA&t=860s)

## Sumber berkaitan

- [Component ToggleTemplat](https://app.spline.design/academy/tutorials/how-to-design-and-use-components-in-3d?redirect-duplicate-template-uuid=a1664528-244c-463a-bdd2-c38500f46caa&is-2d-file=false)
- [ComponentsDokumen](https://docs.spline.design/designing-in-3-d/components)
- [Materials & ShadingDokumen](https://docs.spline.design/#%F0%9F%8C%88-materials-&-shading)

## Gambaran keseluruhan

- Spline 3D
- 15 min
- Pertengahan

## Seterusnya

[Cara Membina Komponen 3D Boleh Guna Semula7 minPertengahan](https://spline.design/ms/academy/collections/spline-advanced-feature-deep-dive/how-to-build-reusable-3d-components)[Teruskan](https://spline.design/ms/academy/collections/spline-advanced-feature-deep-dive/how-to-build-reusable-3d-components)

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