# Bina Pengalaman Portal 3D Dikawal Kecondongan dalam SwiftUI - Spline Academy (https://spline.design/ms/academy/tutorials/build-a-tilt-controlled-3d-portal-experience-in-swiftui)

> Ketahui cara membina portal 3D yang bertindak balas apabila anda mencondongkan peranti anda. 📲

1. [Academy](https://spline.design/ms/academy)
2. [Tutorial](https://spline.design/ms/academy/tutorials)
3. Bina Pengalaman Portal 3D Dikawal Kecondongan dalam SwiftUI

# Bina Pengalaman Portal 3D Dikawal Kecondongan dalam SwiftUI

Spline 3DLanjutan14 min

Ketahui cara membina portal 3D yang bertindak balas apabila anda mencondongkan peranti anda. 📲

Dalam tutorial ini, kita akan mencipta dan menyambungkan portal 3D Spline kepada SwiftUI dan menggunakan giroskop iPhone untuk mengalihkan perspektif portal dalam masa nyata. Ia cara yang menyeronokkan dan mudah untuk membawa detik 3D yang mengasyikkan ke dalam aplikasi iOS anda.

Jom mula! 🚀

Dokumentasi: <https://docs.spline.design/exporting-your-scene/apple-platform/code-api-for-swift-ui>

## Sumber berkaitan

- [SwiftUI PortalTemplat](https://app.spline.design/academy/tutorials/build-a-tilt-controlled-3d-portal-experience-in-swiftui?redirect-duplicate-template-uuid=864989c6-d43e-45f4-bc54-8e9193959963&is-2d-file=false)
- [Native 3D Embeds for iOSDokumen](https://docs.spline.design/exporting-your-scene/apple-platform/native-3d-embeds-for-i-os)
- [Code API for SwiftUIDokumen](https://docs.spline.design/exporting-your-scene/apple-platform/code-api-for-swift-ui)

## Gambaran keseluruhan

- Spline 3D
- 14 min
- Lanjutan

## Sebahagian daripada

- [Spline Lanjutan | Menyelami Ciri](https://spline.design/ms/academy/collections/spline-advanced-feature-deep-dive/build-a-tilt-controlled-3d-portal-experience-in-swiftui)

## Tutorial berkaitan

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

[Cara Belajar Reka Bentuk 3D dengan Spline: Peta Jalan Praktikal daripada Pemula hingga PakarSpline 3DPemula8 min](https://spline.design/ms/academy/tutorials/how-to-learn-3d-design-with-spline-a-practical-roadmap-for-beginners-to-pros)[Cara Menganimasikan Gerakan 3D Menggunakan Garis MasaSpline 3DLanjutan12 min](https://spline.design/ms/academy/tutorials/how-to-animate-3d-motion-using-timelines)[Animasikan Gumpalan 3D Organik dengan KeadaanSpline 3DPemula5 min](https://spline.design/ms/academy/tutorials/animate-organic-3d-blobs-with-states)

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