Quante immagini necessarie per creare JavaScript a 360 gradi di rotazione effetto di immagine?

Question

I stava guardando alcuni demo oltre alla Apple in mostra alcuni fresco HTML5, CSS3 e JavaScript demo e mi sono incuriosito da questo , un visualizzatore di prodotto a 360 gradi di sorta.

Mi chiedevo fuori molte foto si pensa che avrei avuto bisogno di provare a replicare questo. Mela stessi dicono several sulla pagina, ma che non è molto descrittivo.

Sembra che sarebbe un compito molto arduo per cercare di realizzare in modo da non posso farlo, ma sto solo chiedendo.

Grazie.

Answer 1

Non si specifica perché non v'è alcuna risposta concreta. Se si vuole che sia super-liscio, 360 immagini sarebbe bello. Apple ha utilizzato 72. È possibile utilizzare qualsiasi numero da 2 a 72-360 all'infinito per tecnicamente ottenere l'effetto, in modo che sia la vostra chiamata quanto lavoro vale solo quanto liscio un effetto.

Siamo spiacenti.

Answer 2

La demo utilizza 72 immagini.

^{Per inciso, la demo sembra aggiornare un attributo immagine src.}

Answer 3

dipende dalla precisione della rotazione che si desidera.

Non c'è un numero fisso.

In questo esempio specifico stanno utilizzando 72.

le immagini sono disponibili all'indirizzo http: // sviluppatore. apple.com/safaridemos/showcase/threesixty/images/optimized/Seq_v04_640x378_72.jpg

sostituire l'ultima 72 parte dell'URL con 01 per 72 per ottenere tutte le immagini.

Answer 4

È necessario several, che è descrittivo, come si arriva.

Ma una cosa nota. Se li si carica in un ordine specifico, è possibile ottenere un effetto progressivo.

Ad esempio, il carico prima "nord" e "sud". Poi "est" e "ovest". Poi "nord-ovest", "sud-ovest", "nord-est" e "sud-est" e così via, in questo modo è possibile avere più di 72 immagini, ma l'utente non si dovrà aspettare per ottenere un progressivo liscio esperienza.

Si noti che in questo caso si sarebbe di caricarli in potenze di due.

1 ° carico (dopo un immagine è già presente): 1 immagine (il contrario)
2 ° carico: 2 immagini (i lati)
3 ° di carico: 4 immagini
4 ° di carico: 8 immagini
...
8 di carico:. 128 immagini

Si noti che non si usa gradi con la stessa facilità. (Avevano solo a dividere per 5, 360/5 = 72)
Per calcolare quale immagine si trova su un dato grado usereste interpolazione.
Quindi, prima che ci si interpolare 360 ??gradi fino a 2 (immagini), poi a 4, poi 8 ... per sapere quale immagine di scegliere in base alla quale si deve

Una spiegazione semplice di interpolazione è qui .

Answer 5

Dal visivo non la tecnica ... la scorrevolezza della rotazione è il fattore che si desidera guardare su quante immagini avete bisogno. La dimensione se l'oggetto e il livello di dettaglio aiuto nella risposta, quindi si ha la larghezza di banda. 20 immagini è minimo, 40 è una raccomandazione buona, ma 72 sembra grande. Ricordate che se si tratta di fotografia, ogni immagine aggiunge più lavoro e difficoltà.

Ecco una tabella gli aiuti vetrina la quantità di immagini. http://www.photospherix.com/matrix.html

Answer 6

È possibile scaricare la demo da qui Hanno un gioco intorno con esso mi sa 24 è un numero buono ma dipende quanti rotazione vista hai intenzione di creare.

http: // lukedurrant .com / 2011/08 / mele-360-rotante-ipod-html-5-source-code-download /