# Hasilkan Pengalaman Permainan 3D - Animasi & Interaksi dalam Spline - Spline Academy (https://spline.design/ms/academy/tutorials/make-a-3d-game-experience)

> Hai! Dalam tutorial ini, kita akan meneroka cara menggunakan peristiwa Game Controls untuk mencipta pengalaman 3D yang terasa seperti permainan menggunakan…

1. [Academy](https://spline.design/ms/academy)
2. [Kursus](https://spline.design/ms/academy/collections)
3. [Animasi & Interaksi dalam Spline](https://spline.design/ms/academy/collections/animation-interactions-in-spline)
4. Hasilkan Pengalaman Permainan 3D

# Hasilkan Pengalaman Permainan 3D

Pelajaran 11 daripada 14Spline 3DPertengahan18 min

Hai! Dalam tutorial ini, kita akan meneroka cara menggunakan peristiwa Game Controls untuk mencipta pengalaman 3D yang terasa seperti permainan menggunakan Spline.

Anda boleh mencipta pengalaman jenis ini untuk laman web, portfolio, visualisasi 3D atau apa jua projek 3D.

Adegan Pulau: <https://my.spline.design/pigisland-3503d1596f5a14a89df774237eafcf91/>

## Apa yang akan anda pelajari

1. [0:00Pengenalan](https://www.youtube.com/watch?v=yvehPjQhS5U&t=0s)
2. [0:44Mencipta Game Control asas](https://www.youtube.com/watch?v=yvehPjQhS5U&t=44s)
3. [1:30Melaraskan orientasi watak](https://www.youtube.com/watch?v=yvehPjQhS5U&t=90s)
4. [2:10Cara kamera ditetapkan dalam Game Controls](https://www.youtube.com/watch?v=yvehPjQhS5U&t=130s)
5. [2:35Memahami kedudukan kamera](https://www.youtube.com/watch?v=yvehPjQhS5U&t=155s)
6. [3:00Cara collider berfungsi](https://www.youtube.com/watch?v=yvehPjQhS5U&t=180s)
7. [4:15Helah putaran kamera](https://www.youtube.com/watch?v=yvehPjQhS5U&t=255s)
8. [5:50Cara menetapkan tindakan tersuai pada kekunci](https://www.youtube.com/watch?v=yvehPjQhS5U&t=350s)
9. [6:54Mod terbang](https://www.youtube.com/watch?v=yvehPjQhS5U&t=414s)
10. [7:45Orientasi automatik](https://www.youtube.com/watch?v=yvehPjQhS5U&t=465s)
11. [8:08Kelajuan](https://www.youtube.com/watch?v=yvehPjQhS5U&t=488s)
12. [8:28Kelewatan/Pecutan/Inersia](https://www.youtube.com/watch?v=yvehPjQhS5U&t=508s)
13. [9:04Graviti dan lompat](https://www.youtube.com/watch?v=yvehPjQhS5U&t=544s)
14. [9:48Reset Position](https://www.youtube.com/watch?v=yvehPjQhS5U&t=588s)
15. [10:43Camera Follow](https://www.youtube.com/watch?v=yvehPjQhS5U&t=643s)
16. [12:30Bunyi, interaksi dan game controls](https://www.youtube.com/watch?v=yvehPjQhS5U&t=750s)
17. [15:00Adegan isometrik](https://www.youtube.com/watch?v=yvehPjQhS5U&t=900s)
18. [16:28Pelbagai game controls](https://www.youtube.com/watch?v=yvehPjQhS5U&t=988s)

## Sumber berkaitan

- [Forest Lake SoundsTemplat](https://app.spline.design/academy/tutorials/make-a-3d-game-experience?redirect-duplicate-template-uuid=2113fd24-c822-4813-9360-507858315e8e&is-2d-file=false)
- [Game Controls EventDokumen](https://docs.spline.design/interaction-states-events-and-actions/events/game-controls-event)
- [Key Down EventDokumen](https://docs.spline.design/interaction-states-events-and-actions/events/key-down-event)
- [Sound ActionDokumen](https://docs.spline.design/interaction-states-events-and-actions/actions/sound-action)

## Gambaran keseluruhan

- Spline 3D
- 18 min
- Pertengahan

## Seterusnya

[Cipta Kereta 3D yang Boleh Dipandu dengan Fizik dan Game Controls4 minPertengahan](https://spline.design/ms/academy/collections/animation-interactions-in-spline/create-a-drivable-3d-car-with-physics-and-game-controls)[Teruskan](https://spline.design/ms/academy/collections/animation-interactions-in-spline/create-a-drivable-3d-car-with-physics-and-game-controls)

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