# Créer un portail 3D contrôlé par l’inclinaison dans SwiftUI - Spline avancé | Plongée dans les fonctionnalités - Spline Academy (https://spline.design/fr/academy/tutorials/build-a-tilt-controlled-3d-portal-experience-in-swiftui)

> Apprenez à créer un portail 3D qui réagit quand vous inclinez votre appareil. 📲

1. [Academy](https://spline.design/fr/academy)
2. [Cours](https://spline.design/fr/academy/collections)
3. [Spline avancé | Plongée dans les fonctionnalités](https://spline.design/fr/academy/collections/spline-advanced-feature-deep-dive)
4. Créer un portail 3D contrôlé par l’inclinaison dans SwiftUI

# Créer un portail 3D contrôlé par l’inclinaison dans SwiftUI

Leçon 17 sur 17Spline 3DAvancé14 min

Apprenez à créer un portail 3D qui réagit quand vous inclinez votre appareil. 📲

Dans ce tutoriel, nous allons créer un portail 3D Spline, le connecter à SwiftUI et utiliser le gyroscope de l’iPhone pour faire varier la perspective du portail en temps réel. Une façon ludique et accessible d’apporter des moments 3D immersifs dans vos apps iOS.

C’est parti ! 🚀

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

## Ressources associées

- [SwiftUI PortalModèle](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)

## Présentation

- Spline 3D
- 14 min
- Avancé

## Dernière leçon

C’est la fin de Spline avancé | Plongée dans les fonctionnalités.

[Retour au cours](https://spline.design/fr/academy/collections/spline-advanced-feature-deep-dive)

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

L’éditeur 3D et 2D pour les équipes et leurs agents. Publiez sur le web, iOS et Android.

#### Interrogez l’IA sur Spline

#### Produits

- [Design 3D](https://spline.design/fr/3d-design)
- [Hana](https://spline.design/fr/hana)
- [Omma](https://omma.build)
- [Génération 3D par IA](https://spline.design/fr/ai-generate)
- [Spline MCP](https://spline.design/fr/mcp)
- [Spline Arena](https://spline.design/fr/arena)
- [Tarifs](https://spline.design/fr/pricing)
- [Enterprise](https://spline.design/fr/enterprise)

#### Runtimes

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

#### Apps

- [Télécharger](https://spline.design/fr/download)
- [Spline Mirror](https://spline.design/spline-mirror)
- [Télécharger Spline Mirror](https://spline.design/download-mirror)

#### Apprendre

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

#### Communauté

- [Communauté Spline](https://community.spline.design)
- [Blog](https://spline.design/fr/blog)
- [Nouveautés](https://spline.design/fr/changelog)
- [Éducation](https://spline.design/fr/education)
- [Contra](https://spline.design/contra)
- [Affiliation](https://spline.design/fr/affiliate)

#### Entreprise

- [Clients](https://spline.design/fr/customers)
- [Carrières](https://www.ycombinator.com/companies/spline/jobs)
- [Sécurité](https://spline.design/fr/security)

#### Mentions légales

- [Conditions générales](https://spline.design/terms)
- [Confidentialité](https://spline.design/privacy)

#### Contact

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

© 2026 - Spline, Inc.