# Créer un portail 3D contrôlé par l’inclinaison dans SwiftUI - 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. [Tutoriels](https://spline.design/fr/academy/tutorials)
3. Créer un portail 3D contrôlé par l’inclinaison dans SwiftUI

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

Spline 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é

## Fait partie de

- [Spline avancé | Plongée dans les fonctionnalités](https://spline.design/fr/academy/collections/spline-advanced-feature-deep-dive/build-a-tilt-controlled-3d-portal-experience-in-swiftui)

## Tutoriels associés

[Tous les tutoriels](https://spline.design/fr/academy/tutorials)

[Apprendre le design 3D avec Spline : une feuille de route pratique, du débutant au proSpline 3DDébutant8 min](https://spline.design/fr/academy/tutorials/how-to-learn-3d-design-with-spline-a-practical-roadmap-for-beginners-to-pros)[Animer des mouvements 3D avec les timelinesSpline 3DAvancé12 min](https://spline.design/fr/academy/tutorials/how-to-animate-3d-motion-using-timelines)[Animer des blobs 3D organiques avec des étatsSpline 3DDébutant5 min](https://spline.design/fr/academy/tutorials/animate-organic-3d-blobs-with-states)

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