# Bouw een 3D-portaal in SwiftUI dat je bestuurt door te kantelen - 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. [Tutorials](https://spline.design/nl/academy/tutorials)
3. Bouw een 3D-portaal in SwiftUI dat je bestuurt door te kantelen

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

Spline 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

## Onderdeel van

- [Spline gevorderd | De functies tot in detail](https://spline.design/nl/academy/collections/spline-advanced-feature-deep-dive/build-a-tilt-controlled-3d-portal-experience-in-swiftui)

## Gerelateerde tutorials

[Alle tutorials](https://spline.design/nl/academy/tutorials)

[3D-design leren met Spline: een praktisch stappenplan van beginner tot proSpline 3DBeginner8 min](https://spline.design/nl/academy/tutorials/how-to-learn-3d-design-with-spline-a-practical-roadmap-for-beginners-to-pros)[3D-beweging animeren met tijdlijnenSpline 3DGevorderd12 min](https://spline.design/nl/academy/tutorials/how-to-animate-3d-motion-using-timelines)[Animeer organische 3D-blobs met statesSpline 3DBeginner5 min](https://spline.design/nl/academy/tutorials/animate-organic-3d-blobs-with-states)

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