SAÉ 4.DWeb-DI.02

Musée Immersif

Un dispositif interactif 3D propulsé par Three.js et piloté par le CMS WordPress. Déplacez-vous dans un espace virtuel où chaque œuvre est une donnée dynamique.

Lancer l'expérience 3D Documentation technique

L'Objectif du Dispositif

Concevoir un portfolio où la navigation devient une exploration. Ce musée virtuel permet de :

  • Se déplacer librement en vue FPS.
  • Contrôler l'ambiance (Lumières/Couleurs) via l'admin WP.
  • Alimenter les tableaux dynamiquement via ACF.
  • Interagir avec les œuvres pour ouvrir des vues détaillées.

V1

Espace, lumières, alimentation WP & bulles d'interaction.

V2

Shaders de lueur, détection d'angle caméra & intégration vidéo.

Architecture des données

Custom Post Types

Gestion des "Projets" et des "Réglages 3D" comme entités distinctes.

ACF & REST API

Exposition des champs (couleurs hexadécimales, positions) au format JSON pour Three.js.

Fetch API

Mise à jour de la scène 3D en temps réel sans rechargement de page.