Create en interaktiv Panorama Viewer Bruke JC Panorama Editor
Del
Del
Del
Del
Denne Cyber Monday Envato Tuts + kurs vil bli redusert til bare $ 3. Ikke gå glipp av
En Panorama er et bilde eller fotografi som viser et bredt syn
I denne opplæringen, vil vi lage en interaktiv Panorama Viewer ved hjelp av et tredjepartsprogram.. JC Panorama Redaktør
Trinn 1:.. Kort oversikt
Vi vil opprette et panorama viewer med JC Panorama Editor program og utforske de mange muligheter og posibilities tilgjengelige
Trinn 2: Hva er JC Panorama Editor
Et utmerket og klar beskrivelse er tilgjengelig fra JC Panorama forfatterne:?
JC Panorama Viewer er en flash komponent som kan brukes til å vise flere typer panoramabilder: vanlig, sylindrisk, sfærisk (equirectangular) og kubiske. Dette flash panorama komponent støtter hotspots (informativ web linken og panorama), horisontal og vertikal mus bevegelse, bla zoom, overganger og virtuelle turer.
er en veldig enkel JC Panorama Editor å bruke AIR-applikasjon som lar deg opprette og redigere panoramaer å bli lastet av JC Panorama Viewer samt virtuelle turer direkte på skrivebordet ditt.
Trinn 3:. Der for å få det
Du kan få to versjoner av JC Panorama
Et fullt ulåst app for $ 99, og en rettssak (veldig brukbare) versjon med noen begrensninger:
Logo vannmerke mens preloading panorama
Kule /Equirectangular og Cubical panoramaer deaktivert i editoren
<.. p> Begge versjonene tilgjengelig på komponent hjemmeside
Trinn 4:.. Fordeler og ulemper
Det er alltid fordeler og ulemper ved bruk av tredjeparts komponenter for å utvikle dine applikasjoner
Pros:
Rask og enkel etablering av panoramabilder
AIR Application Kompatibel med de fleste brukte plattformer
Fire panorama typer tilgjengelig
Tilpasning gjennom ett klikk alternativene
Cons:
Betalt versjon nødvendig for sfæriske /equirectangular og kubiske panoramaer
Noen ganger genererer det en shake /kornete effekt mens du flytter bildet < .no>
Trinn 5:. Hvordan fungerer det
JC Panorama bruker en AIR basert rent grensesnitt med flere alternativer for å generere panorama viewer
Prosessen er veldig enkelt, velg et bilde, type panorama du ønsker å opprette og velge mellom flere alternativer for å tilpasse den resulterende SWF-fil
Trinn 6:. Simple Panorama
Gå og sjekk ut demoen. Det er en enkel panorama generert av JC Panorama Editor app, jeg vil gå gjennom prosessen i de neste trinnene
Trinn 7:. Velg et bilde
Det første du må gjør er å velge bildet du ønsker å bruke i panorama, valgte jeg dette Flickr bilde av Steve &Jemma Copley lisensiert under Creative Commons
Trinn 8:. Nytt prosjekt
Åpne JC Panorama Editor programmet og opprette et nytt prosjekt
Trinn 9:. Velg filer
Et annet syn vil bli presentert i appen, trykker du på " + " signere for å legge bildet du valgte før.
I dette panelet vil du også bedt om å navngi prosjektet og velge type panorama du lager.
Trinn 10 : Forhåndsvisning
Når du fortsetter, vil en ny skjerm bli avslørt hvor du vil se bildet som blir brukt og en alternativpanelet til høyre. Trykk på Forhåndsvisning Egenskaper panelet er plassert på høyre del av skjermen i forhåndsvisningsvinduet, det viser de tilgjengelige alternativene som du kan velge å tilpasse panorama La oss ta en titt på disse egenskapene. De Hotspots er markører som er superposed i panorama som kan utføre en handling . Det er tre typer av hotspots: Fire typer panoramaer kan lages med JC Panorama Editor, to tilgjengelig i prøveversjon og fire . i fullversjonen Eksempler på de fire typene kan sees i komponenten hjemmeside En Virtual Tour er en samling av panoramabilder som vises av en enkelt swf. Du kan opprette en virtuell tur ved å trykke på Gjør en virtuell tur Når du er ferdig, klikker du på Lagre-knappen i øverste høyre hjørne av vinduet, vil dette lagre arbeidet ditt. Nå er du klar til å teste og bruke panorama viewer. Du kan se hvor enkelt det er å lage et panoramabildeviser bruker JC Panorama, kan du prøve ut de forskjellige muligheter og valg å lage din egen Panorama! Takk for lesing!
knappen øverst til høyre i vinduet for å se panorama i aksjon
Trinn 11:. Egenskaper
< li> Tekst & Bilder: Velg mellom de tilgjengelige panorama kategoriene og velg bilde (r) for det
Autoplay: Hvis sant, begynner å bevege bildet i valgt retning
Speed: Hastigheten på automatiske bevegelsen
Motion Speed: Hastigheten på indusert bevegelse
Regi: Retning panorama begynner å flytte
Mouse Control: Aktiverer panorama som skal styres ved hjelp av musen
Mus Handling: Angir type bevegelse å gjelde når kontrollert av musen
Keyboard Control: Aktiverer panorama som skal styres ved hjelp av tastaturet
Zoom: Endrer synsvinkel på bildet
Kvalitet: Setter kvalitet 1 for laveste, 5 for høyeste
Smooth: Hindrer bildet fra pixelation
Lås Pan: Hindrer panorering endrer
Lock Tilt: Hindrer vippe endrer
Trinn 12: Hot Spots
Info: Viser et verktøytips når aktivert av musen
Link: Navigerer til en URL når klikket
Panorama: Calls annen panorama og viser det
Trinn 13: Panorama Typer
Plain: Flytter bildet 180 grader uten modifikasjon
cylindric: Oppretter en 360 grader panorama
Spheric: Dette er 360x180 grader panoramabilder
Cubic: Laget ved å gjengi seks kvadratiske bilder med et synsfelt på litt over 90 grader
<. h2> Trinn 14: Virtual Tours
knappen i det nye prosjektet skjermen og velge de ønskede panoramaer
Trinn 15:. Lagre og Test
Konklusjon