# Vytvořte ve SwiftUI 3D portál ovládaný nakláněním - Spline Academy (https://spline.design/cs/academy/tutorials/build-a-tilt-controlled-3d-portal-experience-in-swiftui)

> Naučte se postavit 3D portál, který reaguje na naklánění zařízení. 📲

1. [Akademie](https://spline.design/cs/academy)
2. [Návody](https://spline.design/cs/academy/tutorials)
3. Vytvořte ve SwiftUI 3D portál ovládaný nakláněním

# Vytvořte ve SwiftUI 3D portál ovládaný nakláněním

Spline 3DPokročilý14 min

Naučte se postavit 3D portál, který reaguje na naklánění zařízení. 📲

V tomto návodu vytvoříme 3D portál ve Spline, propojíme ho se SwiftUI a pomocí gyroskopu iPhonu budeme v reálném čase měnit jeho perspektivu. Je to zábavný a přístupný způsob, jak do iOS aplikací přinést pohlcující 3D momenty.

Jdeme na to! 🚀

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

## Související zdroje

- [SwiftUI PortalŠablona](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 iOSDokument](https://docs.spline.design/exporting-your-scene/apple-platform/native-3d-embeds-for-i-os)
- [Code API for SwiftUIDokument](https://docs.spline.design/exporting-your-scene/apple-platform/code-api-for-swift-ui)

## Přehled

- Spline 3D
- 14 min
- Pokročilý

## Součást kurzu

- [Spline pro pokročilé | Funkce do hloubky](https://spline.design/cs/academy/collections/spline-advanced-feature-deep-dive/build-a-tilt-controlled-3d-portal-experience-in-swiftui)

## Související návody

[Všechny návody](https://spline.design/cs/academy/tutorials)

[Jak se naučit 3D design ve Spline: praktický plán od začátečníka po profíkaSpline 3DZačátečník8 min](https://spline.design/cs/academy/tutorials/how-to-learn-3d-design-with-spline-a-practical-roadmap-for-beginners-to-pros)[Jak animovat 3D pohyb pomocí časových osSpline 3DPokročilý12 min](https://spline.design/cs/academy/tutorials/how-to-animate-3d-motion-using-timelines)[Animujte organické 3D bloby pomocí stavůSpline 3DZačátečník5 min](https://spline.design/cs/academy/tutorials/animate-organic-3d-blobs-with-states)

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

3D a 2D editor pro týmy a jejich agenty. Publikujte na web, iOS i Android.

#### Zeptejte se AI na Spline

#### Produkty

- [3D design](https://spline.design/cs/3d-design)
- [Hana](https://spline.design/cs/hana)
- [Omma](https://omma.build)
- [Generování 3D pomocí AI](https://spline.design/cs/ai-generate)
- [Spline MCP](https://spline.design/cs/mcp)
- [Spline Arena](https://spline.design/cs/arena)
- [Ceník](https://spline.design/cs/pricing)
- [Enterprise](https://spline.design/cs/enterprise)

#### Runtimy

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

#### Aplikace

- [Stáhnout](https://spline.design/cs/download)
- [Spline Mirror](https://spline.design/spline-mirror)
- [Stáhnout Spline Mirror](https://spline.design/download-mirror)

#### Výuka

- [Docs](https://docs.spline.design/)
- [Academy](https://spline.design/cs/academy)
- [Spline API](https://www.npmjs.com/package/@splinetool/runtime)
- [Řešení](https://spline.design/solutions)

#### Komunita

- [Komunita Spline](https://community.spline.design)
- [Blog](https://spline.design/cs/blog)
- [Novinky](https://spline.design/cs/changelog)
- [Vzdělávání](https://spline.design/cs/education)
- [Contra](https://spline.design/contra)
- [Partnerský program](https://spline.design/cs/affiliate)

#### Společnost

- [Zákazníci](https://spline.design/cs/customers)
- [Kariéra](https://www.ycombinator.com/companies/spline/jobs)
- [Zabezpečení](https://spline.design/cs/security)

#### Právní informace

- [Obchodní podmínky](https://spline.design/terms)
- [Ochrana soukromí](https://spline.design/privacy)

#### Kontakt

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

© 2026 - Spline, Inc.