# Bouw een 3D-portaal in SwiftUI dat je bestuurt door te kantelen - Spline gevorderd | De functies tot in detail - Spline Academy (https://spline.design/nl/academy/tutorials/build-a-tilt-controlled-3d-portal-experience-in-swiftui)

> Leer hoe je een 3D-portaal bouwt dat reageert als je je toestel kantelt. 📲

1. [Academy](https://spline.design/nl/academy)
2. [Cursussen](https://spline.design/nl/academy/collections)
3. [Spline gevorderd | De functies tot in detail](https://spline.design/nl/academy/collections/spline-advanced-feature-deep-dive)
4. Bouw een 3D-portaal in SwiftUI dat je bestuurt door te kantelen

# Bouw een 3D-portaal in SwiftUI dat je bestuurt door te kantelen

Les 17 van 17Spline 3DGevorderd14 min

Leer hoe je een 3D-portaal bouwt dat reageert als je je toestel kantelt. 📲

In deze tutorial maken we een 3D-portaal in Spline, koppelen we het aan SwiftUI en gebruiken we de gyroscoop van de iPhone om het perspectief van het portaal in realtime te verschuiven. Een leuke en toegankelijke manier om meeslepende 3D-momenten naar je iOS-apps te brengen.

Aan de slag! 🚀

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

## Gerelateerde bronnen

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

## Overzicht

- Spline 3D
- 14 min
- Gevorderd

## Laatste les

Dat was het einde van Spline gevorderd | De functies tot in detail.

[Terug naar de cursus](https://spline.design/nl/academy/collections/spline-advanced-feature-deep-dive)

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

De 3D- en 2D-editor voor teams en hun agents. Publiceer op het web, iOS en Android.

#### Vraag AI naar Spline

#### Producten

- [3D-design](https://spline.design/nl/3d-design)
- [Hana](https://spline.design/nl/hana)
- [Omma](https://omma.build)
- [3D genereren met AI](https://spline.design/nl/ai-generate)
- [Spline MCP](https://spline.design/nl/mcp)
- [Spline Arena](https://spline.design/nl/arena)
- [Prijzen](https://spline.design/nl/pricing)
- [Enterprise](https://spline.design/nl/enterprise)

#### Runtimes

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

#### Apps

- [Downloaden](https://spline.design/nl/download)
- [Spline Mirror](https://spline.design/spline-mirror)
- [Spline Mirror downloaden](https://spline.design/download-mirror)

#### Leren

- [Docs](https://docs.spline.design/)
- [Academy](https://spline.design/nl/academy)
- [Spline API](https://www.npmjs.com/package/@splinetool/runtime)
- [Oplossingen](https://spline.design/solutions)

#### Community

- [Spline Community](https://community.spline.design)
- [Blog](https://spline.design/nl/blog)
- [Changelog](https://spline.design/nl/changelog)
- [Onderwijs](https://spline.design/nl/education)
- [Contra](https://spline.design/contra)
- [Affiliates](https://spline.design/nl/affiliate)

#### Bedrijf

- [Klanten](https://spline.design/nl/customers)
- [Vacatures](https://www.ycombinator.com/companies/spline/jobs)
- [Beveiliging](https://spline.design/nl/security)

#### Juridisch

- [Algemene voorwaarden](https://spline.design/terms)
- [Privacy](https://spline.design/privacy)

#### Contact

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

© 2026 - Spline, Inc.