# Xây dựng trải nghiệm cổng không gian 3D điều khiển bằng độ nghiêng trong SwiftUI - Spline Academy (https://spline.design/vi/academy/tutorials/build-a-tilt-controlled-3d-portal-experience-in-swiftui)

> Học cách xây dựng một cổng không gian 3D phản hồi khi bạn nghiêng thiết bị. 📲

1. [Academy](https://spline.design/vi/academy)
2. [Hướng dẫn](https://spline.design/vi/academy/tutorials)
3. Xây dựng trải nghiệm cổng không gian 3D điều khiển bằng độ nghiêng trong SwiftUI

# Xây dựng trải nghiệm cổng không gian 3D điều khiển bằng độ nghiêng trong SwiftUI

Spline 3DNâng cao14 phút

Học cách xây dựng một cổng không gian 3D phản hồi khi bạn nghiêng thiết bị. 📲

Trong hướng dẫn này, chúng ta sẽ tạo và kết nối một cổng không gian 3D từ Spline với SwiftUI, đồng thời dùng con quay hồi chuyển (gyroscope) của iPhone để thay đổi phối cảnh của cổng theo thời gian thực. Đây là một cách thú vị và dễ tiếp cận để mang những khoảnh khắc 3D sống động vào ứng dụng iOS của bạn.

Bắt đầu thôi! 🚀

Tài liệu: <https://docs.spline.design/exporting-your-scene/apple-platform/code-api-for-swift-ui>

## Tài nguyên liên quan

- [SwiftUI PortalMẫu](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 iOSTài liệu](https://docs.spline.design/exporting-your-scene/apple-platform/native-3d-embeds-for-i-os)
- [Code API for SwiftUITài liệu](https://docs.spline.design/exporting-your-scene/apple-platform/code-api-for-swift-ui)

## Tổng quan

- Spline 3D
- 14 phút
- Nâng cao

## Thuộc

- [Spline nâng cao | Đi sâu vào tính năng](https://spline.design/vi/academy/collections/spline-advanced-feature-deep-dive/build-a-tilt-controlled-3d-portal-experience-in-swiftui)

## Hướng dẫn liên quan

[Tất cả hướng dẫn](https://spline.design/vi/academy/tutorials)

[Cách học thiết kế 3D với Spline: lộ trình thực tế từ người mới đến chuyên giaSpline 3DCơ bản8 phút](https://spline.design/vi/academy/tutorials/how-to-learn-3d-design-with-spline-a-practical-roadmap-for-beginners-to-pros)[Cách tạo hoạt ảnh chuyển động 3D bằng timelineSpline 3DNâng cao12 phút](https://spline.design/vi/academy/tutorials/how-to-animate-3d-motion-using-timelines)[Tạo hoạt ảnh cho khối blob 3D hữu cơ bằng trạng tháiSpline 3DCơ bản5 phút](https://spline.design/vi/academy/tutorials/animate-organic-3d-blobs-with-states)

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

Trình chỉnh sửa 3D và 2D cho các nhóm và tác nhân AI của họ. Xuất bản lên web, iOS và Android.

#### Hỏi AI về Spline

#### Sản phẩm

- [Thiết kế 3D](https://spline.design/vi/3d-design)
- [Hana](https://spline.design/vi/hana)
- [Omma](https://omma.build)
- [Tạo 3D bằng AI](https://spline.design/vi/ai-generate)
- [Spline MCP](https://spline.design/vi/mcp)
- [Spline Arena](https://spline.design/vi/arena)
- [Bảng giá](https://spline.design/vi/pricing)
- [Doanh nghiệp](https://spline.design/vi/enterprise)

#### Runtime

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

#### Ứng dụng

- [Tải xuống](https://spline.design/vi/download)
- [Spline Mirror](https://spline.design/spline-mirror)
- [Tải Spline Mirror](https://spline.design/download-mirror)

#### Học

- [Docs](https://docs.spline.design/)
- [Academy](https://spline.design/vi/academy)
- [Spline API](https://www.npmjs.com/package/@splinetool/runtime)
- [Giải pháp](https://spline.design/solutions)

#### Cộng đồng

- [Cộng đồng Spline](https://community.spline.design)
- [Blog](https://spline.design/vi/blog)
- [Changelog](https://spline.design/vi/changelog)
- [Giáo dục](https://spline.design/vi/education)
- [Contra](https://spline.design/contra)
- [Tiếp thị liên kết](https://spline.design/vi/affiliate)

#### Công ty

- [Khách hàng](https://spline.design/vi/customers)
- [Tuyển dụng](https://www.ycombinator.com/companies/spline/jobs)
- [Bảo mật](https://spline.design/vi/security)

#### Pháp lý

- [Điều khoản & Điều kiện](https://spline.design/terms)
- [Quyền riêng tư](https://spline.design/privacy)

#### Liên hệ

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

© 2026 - Spline, Inc.