Créer une visionneuse interactive de panoramas à l'aide de JC Panorama Editor

Un panorama est une image ou une photo affichant une vue large.

Dans ce didacticiel, nous allons créer une visionneuse interactive de panoramas à l'aide d'une application tierce: JC Panorama Editor..


Étape 1: bref aperçu

Nous allons créer une visionneuse de panorama à l'aide de l'application JC Panorama Editor et explorer les nombreuses options et possibilités disponibles..


Étape 2: Qu'est-ce que JC Panorama Editor??

Une description claire et excellente est disponible auprès des auteurs de JC Panorama:

JC Panorama Viewer est un composant flash qui peut être utilisé pour afficher plusieurs types d’images panoramiques: ordinaire, cylindrique, sphérique (équirectangulaire) et cubique. Ce composant panorama flash prend en charge les points d'accès (informations, lien Web et panorama), les mouvements de souris horizontaux et verticaux, le zoom de défilement, les transitions et les visites virtuelles..

JC Panorama Editor est une application AIR très facile à utiliser qui vous permet de créer et d'éditer des panoramas à charger par JC Panorama Viewer, ainsi que des visites virtuelles directement sur votre bureau..

Étape 3: Où l'obtenir

Vous pouvez obtenir deux versions de JC Panorama.

Une application entièrement débloquée pour 99 $ et une version d'essai (très utilisable) avec quelques limitations:

  • Logo en filigrane pendant le préchargement du panorama.
  • Panoramas sphériques / équirectangulaires et cubiques désactivés dans l'éditeur.

Les deux versions sont disponibles sur le site Web du composant.


Étape 4: Avantages et inconvénients

Il y a toujours des avantages et des inconvénients lors de l'utilisation de composants tiers pour développer vos applications..

Avantages:

  • Création rapide et facile de panoramas
  • Application AIR compatible avec les plateformes les plus utilisées
  • Quatre types de panorama disponibles
  • Personnalisation via des options en un clic

Les inconvénients:

  • Version payante nécessaire pour les panoramas sphériques / équirectangulaires et cubiques
  • Parfois, il génère un effet de tremblement / pixelisation lors du déplacement de l'image

Étape 5: Comment ça marche

JC Panorama utilise une interface propre basée sur AIR avec plusieurs options pour générer votre visualiseur de panorama.

Le processus est très simple: choisissez une image, le type de panorama que vous souhaitez créer et choisissez parmi les nombreuses options permettant de personnaliser le fichier SWF obtenu..


Étape 6: Panorama simple

Allez voir la démo. C'est un simple panorama généré par l'application JC Panorama Editor, je vous guiderai tout au long du processus de création dans les étapes suivantes..


Étape 7: Choisissez une image

La première chose à faire est de sélectionner l'image que vous souhaitez utiliser dans votre panorama. J'ai choisi cette image Flickr de Steve & Jemma Copley sous licence Creative Commons.


Étape 8: Nouveau projet

Ouvrez l'application JC Panorama Editor et créez un nouveau projet..


Étape 9: Choisissez les fichiers

Une autre vue sera présentée dans l'application, appuyez sur le signe "+" pour ajouter l'image que vous avez choisie auparavant..

Dans ce panneau, il vous sera également demandé de nommer votre projet et de sélectionner le type de panorama que vous créez..


Étape 10: Aperçu

Une fois que vous avez procédé, un nouvel écran apparaîtra sur lequel vous verrez l’image utilisée et un panneau d’options à droite. appuyez sur la Aperçu bouton dans la partie supérieure droite de la fenêtre pour voir votre panorama en action.


Étape 11: Propriétés

Le panneau Propriétés est situé dans la partie droite de l’écran dans la fenêtre d’aperçu. Il indique les options disponibles que vous pouvez choisir pour personnaliser votre panorama..

Jetons un coup d'oeil à ces propriétés:

  • Type et images: Choisissez parmi les catégories de panoramas disponibles et sélectionnez la ou les images correspondantes.
  • Lecture automatique: Si vrai, commence à déplacer l'image dans la direction sélectionnée
  • La vitesse: La vitesse du mouvement automatique
  • Vitesse de mouvement: Vitesse du mouvement induit
  • Direction: Direction le panorama commence à se déplacer
  • Contrôle de la souris: Permet de contrôler le panorama à l'aide de la souris
  • Action de la souris: Définit le type de mouvement à appliquer lorsqu'il est contrôlé par la souris
  • Contrôle du clavier: Permet de contrôler le panorama à l'aide du clavier
  • Zoom: Modifie l'angle de vue de l'image
  • Qualité: Définit la qualité 1 pour le plus bas, 5 pour le plus élevé
  • Lisse: Empêche l'image de la pixellisation
  • Verrouiller Pan: Empêche le panoramique de changer
  • Verrouillage de l'inclinaison: Empêche le basculement de changer

Étape 12: points chauds

Les Hotspots sont des repères superposés dans votre panorama pouvant effectuer une action. Il existe trois types de points chauds:

  • Info: Affiche une info-bulle lorsqu'elle est activée par la souris
  • Lien: Navigue vers une URL lorsque vous cliquez dessus
  • Panorama: Appelle un autre panorama et l'affiche

Étape 13: Types de panorama

JC Panorama Editor permet de créer quatre types de panoramas, deux dans la version d’essai et quatre dans la version complète..

  • Plaine: Déplace l'image de 180 degrés sans aucune modification
  • Cylindrique: Crée un panorama à 360 degrés
  • Sphérique: Ce sont des panoramas 360x180 degrés
  • Cubique: Réalisé en rendant six images carrées avec un champ de vision légèrement supérieur à 90 degrés

Des exemples des quatre types sont disponibles sur le site Web du composant..


Étape 14: Visites virtuelles

Une visite virtuelle est une collection de panoramas affichés par un seul swf. Vous pouvez créer une visite virtuelle en appuyant sur le bouton Faire une visite virtuelle bouton dans l'écran du nouveau projet et sélection des panoramas souhaités.


Étape 15: Enregistrer et tester

Lorsque vous avez terminé, cliquez sur le bouton Enregistrer dans le coin supérieur droit de la fenêtre pour enregistrer votre travail. Vous êtes maintenant prêt à tester et utiliser votre visualiseur de panorama.


Conclusion

Vous pouvez voir à quel point il est facile de créer une visionneuse d’images Panorama à l’aide de JC Panorama, essayez les différentes options et choix pour créer votre propre panorama.!

Merci pour la lecture!