Éditeur visite 360°

Créez plusieurs panoramas et des liens « scène » (comme Kuula). Exportez gaea-tour.json dans public/projects/ pour le site.

Scène active

Ajouter plusieurs panoramas (fichiers locaux) Chemin d’export (après /projects/)

Aperçu immédiat dans l’éditeur. Le dossier du chemin d’export doit exister sous public/projects/ (ex. 360 Pendance Promo/RDC) et contenir les fichiers — sinon rechargement = chargement infini. Même nom de fichier que lors de l’import.

Ordre des scènes

L’ordre définit la première scène du tour et la liste du menu.

Titre (info) URL panorama (équirectangulaire 2:1)

Important : ce n’est pas un chemin Windows (C:\Users\…). C’est l’adresse web du fichier tel que Vite le sert : tout ce qui est dans public/projects/ est visible sous /projects/…. Exemple si le fichier est public/projects/360 Pendance Promo/RDC/image.jpg → saisissez /projects/360%20Pendance%20Promo/RDC/image.jpg (espaces = %20). Vous pouvez aussi coller le chemin complet qui contient public\projects\ : il sera converti automatiquement.

Heading — orientation de départ

X = lacet (yaw), Y = tangage (pitch), en degrés (Pannellum).

X (yaw °)

Y (pitch °)

Nouveau hotspot

Shift + clic ou saisie manuelle pour pitch/yaw. Modifier sur un hotspot existant recharge le formulaire ; la liste défilante ci‑dessous affiche tous les liens de la scène.

Pitch / Yaw

Aller vers la scène Texte du hotspot À l’arrivée (optionnel)

Orientation du regard une fois dans la scène cible (ex. regard vers la pièce d’où l’on vient). Laisser vide = angles par défaut de la scène cible. Même pièce, plusieurs entrées = plusieurs réglages possibles.

Hotspots enregistrés (cette scène)

JSON (aperçu)

Serveur local : dans un terminal du projet, lancez npm run tour:save-server, puis le bouton ci‑dessus enregistre directement public/projects/gaea-tour.json (ouvrez l’éditeur via http://localhost:5173/tour-editor.html avec npm run dev pour éviter les blocages du navigateur). Les images restent à copier vous‑même sous public/projects/… selon les chemins du JSON.

Brouillon : sauvegarde auto dans ce navigateur. Fichier : télécharger ou copier le JSON, ou serveur local. Les panoramas : chemins du JSON = dossiers sous public/projects/.

Importer JSON

Moteur : Pannellum (MIT). Pas d’upload serveur : tout est statique dans votre dépôt.