Creați un vizualizator interactiv Panorama utilizând JC Panorama Editor

Panorama este o imagine sau o fotografie care prezintă o vedere largă.

În acest tutorial, vom crea un Interactive Panorama Viewer utilizând o aplicație terță parte: JC Panorama Editor.


Pasul 1: Prezentare succintă

Vom crea un vizualizator de panoramă folosind aplicația JC Panorama Editor și vom explora numeroasele opțiuni și posibilități disponibile.


Pasul 2: Ce este JC Panorama Editor?

O descriere excelentă și clară este disponibilă de la autori JC Panorama:

JC Panorama Viewer este o componentă flash care poate fi utilizată pentru afișarea mai multor tipuri de imagini panoramice: netedă, cilindrică, sferică (ecuedangulară) și cubică. Această componentă panoramică flash acceptă hotspot-uri (informative, link web și panoramă), mișcare orizontală și verticală a mouse-ului, zoom scroll, tranziții și turnee virtuale.

JC Panorama Editor este o aplicație AIR foarte ușor de folosit, care vă permite să creați și să editați panoramele care trebuie încărcate de JC Panorama Viewer, precum și tururi virtuale direct pe desktop.

Pasul 3: De unde să obțineți

Puteți obține două versiuni ale JC Panorama.

O aplicație complet deblocată pentru $ 99 și o versiune trial (foarte utilizabilă) cu câteva limitări:

  • Logo-ul filigran în timp ce preloading panorama.
  • Sfericele panoramice sferice / ejocentangulare și cubice sunt dezactivate în editor.

Ambele versiuni sunt disponibile pe site-ul componentei.


Pasul 4: argumente pro și contra

Există mereu argumente pro și contra atunci când folosiți componente terțe pentru a vă dezvolta aplicațiile.

Pro-uri:

  • Crearea rapidă și ușoară a panoramelor
  • Aplicație AIR Compatibil cu cele mai utilizate Platforme
  • Sunt disponibile patru tipuri panoramice
  • Personalizarea prin intermediul opțiunilor de clicuri

Contra:

  • Versiunea plătită este necesară pentru panoramele sferice / ecartamentale și cubice
  • Uneori generează un efect de agitare / pixelare în timp ce se mișcă imaginea

Pasul 5: Cum funcționează

JC Panorama folosește o interfață curată bazată pe AIR cu mai multe opțiuni pentru a genera vizualizatorul de panoramă.

Procesul este foarte simplu, alegeți o imagine, tipul de panoramă pe care doriți să o creați și alegeți între mai multe opțiuni pentru a personaliza fișierul SWF rezultat.


Pasul 6: Panoramă simplă

Du-te și verificați demo-ul. Este o panoramă simplă generată de aplicația JC Panorama Editor, vă voi trece prin procesul de creare în pașii următori.


Pasul 7: Alegeți o imagine

Primul lucru pe care trebuie să-l faceți este să selectați imaginea pe care doriți să o utilizați în panoramă, am ales această imagine Flickr de Steve & Jemma Copley licențiată sub Creative Commons.


Pasul 8: Proiect nou

Deschideți aplicația JC Panorama Editor și creați un nou proiect.


Pasul 9: Alegeți fișierele

O altă vizualizare va fi prezentată în aplicație, apăsați semnul "+" pentru a adăuga imaginea pe care ați ales-o anterior.

În acest panou veți fi rugați să denumiți proiectul și să selectați tipul de panoramă pe care o creați.


Pasul 10: Previzualizare

Odată ce ați continuat, va fi afișat un nou ecran în care veți vedea imaginea utilizată și un panou cu opțiuni la dreapta. apasă pe previzualizare în partea din dreapta sus a ferestrei pentru a vedea panorama în acțiune.


Pasul 11: Proprietăți

Panoul Proprietăți se află în partea dreaptă a ecranului în fereastra de previzualizare, acesta afișează opțiunile disponibile pe care le puteți alege pentru personalizarea panoramei.

Să aruncăm o privire la aceste proprietăți:

  • Tip & Imagini: Alegeți între categoriile panoramice disponibile și selectați imaginile pentru aceasta
  • Redare automata: Dacă este adevărat, începe mișcarea imaginii în direcția selectată
  • Viteză: Viteza mișcării automate
  • Viteza de mișcare: Viteza mișcării induse
  • Direcţie: Direcția panoramei începe să se miște
  • Controlul mouse-ului: Permite panorama să fie controlată cu ajutorul mouse-ului
  • Activitatea mouse-ului: Setează tipul de mișcare care se aplică atunci când este controlat de mouse
  • Controlul tastaturii: Permite panorama să fie controlată utilizând tastatura
  • Zoom: Modifică unghiul de vizualizare al imaginii
  • Calitate: Setează calitatea 1 pentru cea mai mică, 5 pentru cea mai mare
  • Neted: Împiedică imaginea de la pixelizare
  • Panou de blocare: Împiedică schimbarea panningului
  • Înclinare înclinată: Împiedică schimbarea înclinării

Pasul 12: Locurile fierbinți

Hotspoturile sunt marcatori care se suprapun în panorama dvs. și care pot efectua o acțiune. Există trei tipuri de hotspoturi:

  • Info: Afișează o sugestie atunci când este activată de mouse
  • Legătură: Navighează la o adresă URL când este făcut clic
  • Panoramă: Apel o altă panoramă și o afișează

Pasul 13: Tipuri panoramice

Patru tipuri de panorame pot fi create cu JC Panorama Editor, două disponibile în versiunea de încercare și patru în versiunea completă.

  • Simplu: Mută ​​imaginea la 180 de grade fără modificări
  • Cilindric: Creează o panoramă de 360 ​​de grade
  • Sferic: Acestea sunt panorame 360x180 grade
  • Cub: Realizat prin redarea a șase imagini pătrate cu un câmp vizual de puțin peste 90 de grade

Exemple de cele patru tipuri pot fi văzute pe site-ul componentei.


Pasul 14: Tururi virtuale

Un tur virtual este o colecție de panorame afișate de un singur swf. Puteți crea un tur virtual prin apăsarea butonului Faceți un tur virtual în ecranul noului proiect și selectând panoramele dorite.


Pasul 15: Salvați și testați

Când ați terminat, dați clic pe butonul Salvați din colțul din dreapta sus al ferestrei, ceea ce vă va salva munca. Acum sunteți gata să testați și să utilizați vizualizatorul dvs. de panoramă.


Concluzie

Puteți vedea cât de ușor este să creați un vizualizator de imagini Panorama utilizând JC Panorama, să încercați diferitele opțiuni și opțiuni pentru a crea propriul Panorama!

Mulțumesc că ați citit!

Cod