Crea un Panorama Viewer interattivo usando JC Panorama Editor

A Panorama è un'immagine o una fotografia che mostra un'ampia vista.

In questo tutorial creeremo un Panorama Panorama interattivo utilizzando un'applicazione di terze parti: JC Panorama Editor.


Passaggio 1: breve panoramica

Creeremo un visualizzatore di panorami utilizzando l'applicazione JC Panorama Editor ed esploreremo le numerose opzioni e possibilità disponibili.


Passaggio 2: cos'è JC Panorama Editor?

Una descrizione eccellente e chiara è disponibile dagli autori di JC Panorama:

JC Panorama Viewer è un componente flash che può essere utilizzato per visualizzare diversi tipi di immagini panoramiche: semplice, cilindrica, sferica (equirettangolare) e cubica. Questo componente panorama flash supporta hotspot (informazioni, collegamento web e panorama), movimento del mouse orizzontale e verticale, zoom, transizioni e tour virtuali.

JC Panorama Editor è un'applicazione AIR molto facile da usare che ti consente di creare e modificare panorami da caricare da JC Panorama Viewer e tour virtuali direttamente sul tuo desktop.

Passaggio 3: dove trovarlo

Puoi ottenere due versioni di JC Panorama.

Un'app completamente sbloccata per $ 99 e una versione di prova (molto utilizzabile) con alcune limitazioni:

  • Filigrana del logo durante il preloading del panorama.
  • Panoramiche sferiche / equirettangolari e cubiche disabilitate nell'editor.

Entrambe le versioni sono disponibili sul sito Web del componente.


Step 4: Pro e contro

Ci sono sempre pro e contro quando si utilizzano componenti di terze parti per sviluppare le proprie applicazioni.

Professionisti:

  • Creazione rapida e semplice di panorami
  • Applicazione AIR compatibile con le piattaforme più utilizzate
  • Sono disponibili quattro tipi di panorami
  • Personalizzazione tramite opzioni di un clic

Contro:

  • Versione a pagamento necessaria per panorami sferici / equirettangolari e cubici
  • A volte genera un effetto scossa / pixel durante lo spostamento dell'immagine

Passaggio 5: come funziona

JC Panorama utilizza un'interfaccia pulita basata su AIR con diverse opzioni per generare il tuo panorama viewer.

Il processo è molto semplice, scegli un'immagine, il tipo di panorama che vuoi creare e scegli tra le varie opzioni per personalizzare il file SWF risultante.


Passaggio 6: Panorama semplice

Vai e controlla la demo. È un semplice panorama generato dall'app JC Panorama Editor, ti guiderò attraverso il processo di creazione nei passaggi successivi.


Step 7: Scegli un'immagine

La prima cosa che devi fare è selezionare l'immagine che vuoi usare nel tuo panorama, ho scelto questa immagine di Flickr di Steve & Jemma Copley sotto licenza Creative Commons.


Passaggio 8: nuovo progetto

Apri l'applicazione JC Panorama Editor e crea un nuovo progetto.


Passaggio 9: Scegli file

Un'altra vista sarà presentata nell'app, premere il segno "+" per aggiungere l'immagine che hai scelto prima.

In questo pannello ti verrà chiesto anche di dare un nome al tuo progetto e selezionare il tipo di panorama che stai creando.


Passaggio 10: Anteprima

Una volta che procederai, verrà rivelata una nuova schermata in cui vedrai l'immagine in uso e un pannello delle opzioni sulla destra. premi il Anteprima pulsante nella parte in alto a destra della finestra per vedere il tuo panorama in azione.


Passaggio 11: Proprietà

Il pannello Proprietà si trova nella parte destra dello schermo nella finestra di anteprima, mostra le opzioni disponibili che puoi scegliere di personalizzare il tuo panorama.

Diamo un'occhiata a quelle proprietà:

  • Tipo e immagini: Scegli tra le categorie panoramiche disponibili e seleziona le immagini per essa
  • Riproduzione automatica: Se è vero, inizia a spostare l'immagine nella direzione selezionata
  • Velocità: La velocità del movimento automatico
  • Velocità di movimento: Velocità del movimento indotto
  • Direzione: Direzione il panorama inizia a muoversi
  • Controllo del mouse: Abilita il panorama da controllare usando il mouse
  • Azione del mouse: Imposta il tipo di movimento da applicare quando controllato dal mouse
  • Controllo della tastiera: Consente di controllare il panorama utilizzando la tastiera
  • Zoom: Modifica l'angolo di visualizzazione dell'immagine
  • Qualità: Imposta la qualità 1 per la più bassa, 5 per la più alta
  • Liscio: Impedisce l'immagine dalla pixelizzazione
  • Pad lock: Impedisce al panning di cambiare
  • Lock Tilt: Impedisce il cambiamento di inclinazione

Step 12: Hot Spot

Gli Hotspot sono indicatori che si sovrappongono nel panorama e che possono eseguire un'azione. Esistono tre tipi di hotspot:

  • Informazioni: Mostra un suggerimento quando abilitato dal mouse
  • link: Passa a un URL quando si fa clic
  • Panorama: Chiama un altro panorama e lo visualizza

Passaggio 13: tipi di panorama

Con JC Panorama Editor è possibile creare quattro tipi di panorami, due disponibili nella versione di prova e quattro nella versione completa.

  • Plain: Sposta l'immagine di 180 gradi senza modifiche
  • cilindrico: Crea un panorama a 360 gradi
  • Spheric: Questi sono panorami 360x180 gradi
  • Cubo: Realizzato riproducendo sei immagini quadrate con un campo visivo di poco più di 90 gradi

Esempi dei quattro tipi possono essere visti nel sito Web del componente.


Passaggio 14: tour virtuali

Un tour virtuale è una raccolta di panorami visualizzati da un singolo swf. È possibile creare un tour virtuale premendo il tasto Fai un tour virtuale pulsante nella schermata del nuovo progetto e selezionando i panorami desiderati.


Passaggio 15: Salva e prova

Quando hai finito, fai clic sul pulsante Salva nell'angolo in alto a destra della finestra, questo salverà il tuo lavoro. Ora sei pronto per testare e utilizzare il tuo panorama viewer.


Conclusione

Puoi vedere quanto è facile creare un visualizzatore di immagini Panorama con JC Panorama, provare le diverse opzioni e opzioni per creare il tuo Panorama!

Grazie per aver letto!