¿Cuántas imágenes necesarias para crear JavaScript 360 grados de giro en forma de imagen?

Question

Me estaba mirando algunos demos más en Apple que muestra algunos HTML5 fresco, CSS3 y JavaScript demos y me intrigaba éste , un visor de productos de 360 ??grados de todo tipo.

Me preguntaba a cabo muchas fotos que usted piensa que tendría que tratar de replicar este. Manzana mismos dicen several en la página, pero eso no es muy descriptivo.

Parece que sería una tarea muy ardua para tratar de lograr, así que puede no hacerlo, pero me pregunto.

Gracias.

Answer 1

Ellos no especifican porque no hay una respuesta real. Si usted quiere que sea muy suave, 360 imágenes estaría bien. Manzana utiliza 72. Se puede usar cualquier número de 2 a 72 de 360 ??a infinito hasta obtener el efecto técnico, por lo que es su llamada simplemente la cantidad de trabajo que vale la pena simplemente la suavidad de un efecto.

Lo sentimos.

Answer 2

La demostración se utiliza 72 imágenes.

^{Por cierto, la demo parece actualizar sólo el atributo de imagen src.}

Answer 3

depende de la precisión de la rotación que desee.

No hay un número fijo.

En ese ejemplo específico que están utilizando 72.

las imágenes se pueden encontrar en http: // desarrollador. apple.com/safaridemos/showcase/threesixty/images/optimized/Seq_v04_640x378_72.jpg

sustituir la última 72 parte de la url con 01 a 72 para obtener todas las imágenes.

Answer 4

Se necesita several, que es tan descriptiva como se pone.

Pero lo nota uno. Si se carga en un orden específico, se puede obtener un efecto progresivo.

Por ejemplo, la carga de primera "norte" y "sur". A continuación, "este" y "oeste". A continuación, "noroeste", "suroeste", "noreste" y "sur" y así sucesivamente, de esa manera usted puede tener más de 72 imágenes, pero el usuario no tendrá que esperar para conseguir una experiencia de suavizar progresivamente.

Tenga en cuenta que en este caso usted estaría si las carga en potencias de dos.

primera carga (después de una imagen que ya está ahí): 1 ??imagen (lo contrario)
Segunda carga: 2 imágenes (los lados) guía Tercero de carga: 4 imágenes
Cuarto de carga: 8 imágenes
...
8 de carga:. 128 imágenes

Tenga en cuenta que no utilizaría grados con la misma facilidad. (Sólo tenían que dividir por 5, 360/5 = 72)
Para el cálculo de la cual la imagen está en un grado dado que tendría que utilizar la interpolación.
Así que primero que le interpolar 360 grados hacia abajo a 2 (imágenes), y luego a 4, luego 8 ... para saber qué imagen para coger basa en el que ha

Una explicación sencilla de interpolación es aquí .

Answer 5

A partir de lo visual no es la técnica ... La suavidad de la rotación es el factor que desea mirar en la cantidad de imágenes que necesita. El tamaño si el objeto y el nivel de detalle ayuda en la respuesta, entonces tienen el ancho de banda. 20 imágenes es mínimo, 40 es una recomendación buena, pero 72 se ve muy bien. Recuerde que si se trata de la fotografía, cada imagen añade más trabajo y dificultad.

Aquí está una carta de la ayuda a mostrar la cantidad de imágenes. http://www.photospherix.com/matrix.html

Answer 6

Se puede descargar la demo de aquí Tener un juego un rato con él calculo 24 es un número bueno, pero depende cuántos rotación vista que planea en la creación.

http: // lukedurrant .com / 2011/08 / manzanas-360-rotación-iPod-html-5-código-fuente-descarga /