Opprett en interaktiv panoramavisningsprogram ved hjelp av JC Panorama Editor

Et panorama er et bilde eller et fotografi som viser en bred visning.

I denne opplæringen lager vi et interaktivt panoramavisningsprogram ved hjelp av et tredjepartsprogram: JC Panorama Editor.


Trinn 1: Kort oversikt

Vi lager en panoramaviser ved hjelp av JC Panorama Editor-programmet og undersøker de mange alternativene og mulighetene som er tilgjengelige.


Trinn 2: Hva er JC Panorama Editor?

En utmerket og klar beskrivelse er tilgjengelig fra JC Panorama forfattere:

JC Panorama Viewer er en flash-komponent som kan brukes til å vise flere typer panoramabilder: ren, sylindrisk, sfærisk (equirectangular) og kubisk. Denne flash panorama-komponenten støtter hotspots (informativ, weblink og panorama), horisontal og vertikal musbevegelse, rullezoom, overganger og virtuelle turer.

JC Panorama Editor er et veldig enkelt å bruke AIR-program som lar deg lage og redigere panoramaer som skal lastes av JC Panorama Viewer, samt virtuelle turer direkte på skrivebordet.

Trinn 3: Hvor får du det

Du kan få to versjoner av JC Panorama.

En helt ulåst app for $ 99, og en prøveversjon (veldig brukbar) versjon med noen begrensninger:

  • Logo vannmerke mens du laster ned panoramaet.
  • Sfæriske / Equirectangular og Cubical panoramas deaktivert i editoren.

Begge versjonene er tilgjengelige på komponentens nettsted.


Trinn 4: Fordeler og ulemper

Det er alltid fordeler og ulemper når du bruker tredjepartskomponenter til å utvikle dine applikasjoner.

Pros:

  • Rask og enkel opprettelse av panoramaer
  • AIR-applikasjon Kompatibel med mest brukte plattformer
  • Fire panoramatyper tilgjengelig
  • Tilpassing via ett klikkalternativer

Ulemper:

  • Betalt versjon som trengs for sfærisk / equirectangulær og kubisk panorama
  • Noen ganger genererer det en shake / pixelated effekt mens du flytter bildet

Trinn 5: Slik fungerer det

JC Panorama bruker et AIR-basert, rent grensesnitt med flere alternativer for å generere panoramaviseren din.

Prosessen er veldig enkel, velg et bilde, hvilken type panorama du vil opprette, og velg mellom de ulike alternativene for å tilpasse den resulterende SWF-filen.


Trinn 6: Enkel panorama

Gå og sjekk demoen. Det er et enkelt panorama generert av JC Panorama Editor-appen, jeg går deg gjennom etableringsprosessen i de neste trinnene.


Trinn 7: Velg et bilde

Det første du må gjøre er å velge bildet du vil bruke i panoramaet ditt, jeg valgte dette Flickr-bildet av Steve & Jemma Copley lisensiert under Creative Commons.


Trinn 8: Nytt prosjekt

Åpne JC Panorama Editor-programmet og opprett et nytt prosjekt.


Trinn 9: Velg filer

En annen visning vil bli presentert i appen, trykk på "+" -tegnet for å legge til bildet du valgte før.

I dette panelet vil du også bli bedt om å navngi prosjektet ditt og velge hvilken type panorama du oppretter.


Trinn 10: Forhåndsvisning

Når du fortsetter, vil en ny skjerm bli avslørt hvor du vil se bildet som brukes og et valgpanel til høyre. trykk Forhåndsvisning knappen i øverste høyre del av vinduet for å se panoramaet ditt i aksjon.


Trinn 11: Egenskaper

Egenskapspanelet er plassert på høyre side av skjermen i forhåndsvisningsvinduet, og viser de tilgjengelige alternativene du kan velge for å tilpasse panoramaen din.

La oss se på disse egenskapene:

  • Type og bilder: Velg mellom de tilgjengelige panorama kategoriene og velg bildet / bildene for det
  • Auto spill: Hvis sant, begynner å flytte bildet i den valgte retningen
  • Hastighet: Hastigheten til den automatiske bevegelsen
  • Bevegelseshastighet: Hastighet av den induserte bevegelsen
  • Retning: Retning panoramaet begynner å bevege seg
  • Muskontroll: Aktiverer panoramaet som skal kontrolleres ved hjelp av musen
  • Mus handling: Angir hvilken type bevegelse som skal brukes når den kontrolleres med musen
  • Tastaturkontroll: Aktiverer panoramaet som skal kontrolleres ved hjelp av tastaturet
  • Zoom: Endrer visningsvinkelen til bildet
  • Kvalitet: Angir kvaliteten 1 for laveste, 5 for høyeste
  • Glatt: Forhindrer bildet fra pixelering
  • Lock Pan: Forhindrer at panningen endres
  • Lock Tilt: Forhindrer at vippingen endres

Trinn 12: Hot spots

Hotspots er markører som er overlejret i panoramaet ditt som kan utføre en handling. Det finnes tre typer hotspots:

  • info: Viser et verktøytips når det er aktivert med musen
  • Link: Naviger til en nettadresse når den klikkes
  • Panorama: Kaller et annet panorama og viser det

Trinn 13: Panorama Typer

Fire typer panoramaer kan opprettes med JC Panorama Editor, to er tilgjengelige i prøveversjonen og fire i fullversjonen.

  • Vanlig: Flytter bildet 180 grader uten endring
  • cylindric: Skaper en 360 graders panorama
  • sfærisk: Disse er 360x180 grader panoramaer
  • Cubic: Laget ved å gi seks firkantede bilder med et synsfelt på litt over 90 grader

Eksempler på de fire typene kan ses på komponentens nettsted.


Trinn 14: Virtuelle turer

En virtuell tur er en samling av panoramabilder som vises av en enkelt swf. Du kan opprette en virtuell tur ved å trykke på Lag en virtuell tur knappen i det nye prosjektskjermbildet og velg ønskede panoramabilder.


Trinn 15: Lagre og teste

Når du er ferdig, klikker du Lagre-knappen øverst til høyre i vinduet, dette vil lagre arbeidet ditt. Nå er du klar til å teste og bruke panoramaviseren din.


Konklusjon

Du kan se hvor enkelt det er å lage en Panorama-bildeviser ved hjelp av JC Panorama, prøv de forskjellige alternativene og valgene for å lage ditt eget Panorama!

Takk for at du leser!