Wie viele Bilder benötigt JavaScript 360-Grad-Bild Spin-Effekt zu erzeugen?

Question

Ich war bei einigen Demos über bei Apple suche ein paar coolen HTML5 präsentiert, CSS3 und JavaScript-Demos und ich hatte fasziniert von dieses , ein 360-Grad-Produkt Betrachter der Arten.

Ich frage mich heraus viele Fotos, die Sie denken, ich müsste dies versuchen und zu replizieren. Apple selbst sagen several auf der Seite, aber das ist nicht sehr aussagekräftig.

Es scheint, wie es eine sehr schwierige Aufgabe versuchen würde und erreicht so dass ich es nicht tun, aber ich frage mich nur.

Danke.

Answer 1

Sie nicht angeben, weil es keine wirkliche Antwort ist. Wenn Sie es sein superglatte wollen, würden 360 Bilder schön. Apple verwendet 72. Sie können eine beliebige Zahl von 2 bis 72-360 bis ins Unendliche es verwenden können, um technisch die Wirkung zu erhalten, so dass Ihr Anruf, wie viel Arbeit es wert, wie eine Wirkung glätten.

Es tut uns Leid.

Answer 2

Die Demo verwendet 72 Bilder.

^{Übrigens scheint die Demo nur das Bild src Attribut zu aktualisieren.}

Answer 3

Abhängig von der Genauigkeit der Drehung Sie wollen.

Es gibt keine feste Zahl.

In diesem spezifischen Beispiel auf 72 verwenden.

können die Bilder unter http: // developer. apple.com/safaridemos/showcase/threesixty/images/optimized/Seq_v04_640x378_72.jpg

ersetzt das letzte 72 Teil der URL mit 01 72 alle Bilder erhalten.

Answer 4

Sie müssen several, die als beschreibend ist, wie es nur geht.

Aber beachten Sie die eine Sache. Wenn Sie sie in einer bestimmten Reihenfolge laden, können Sie eine progressive Wirkung erhalten.

Zum Beispiel Liest erster „Nord“ und „Süd“. Dann „Ost“ und „West“. Dann „Nordwest“, „SW“, „Nordosten“ und „S“ und so weiter, auf diese Weise mehr als 72 Bilder haben können, aber der Benutzer nicht warten müssen, um eine progressiv glätten Erfahrung.

Beachten Sie, dass in diesem Fall, dass Sie sie in Zweierpotenzen würden geladen werden.

1. Last (nach einem Bild ist schon da): 1 Bild (das Gegenteil)
2. Belastung: 2 Bilder (die Seiten)
3. Last: 4 Bilder
4. Last: 8 Bilder
...
8. Last. 128 Bilder

Beachten Sie, dass Sie nicht so leicht Grad verwenden würde. (Sie nur um 5 bis divide haben, 360/5 = 72)
Für die Berechnung der Bild ist auf einem bestimmten Grad Sie Interpolation verwenden würden.
Also zuerst würden Sie 360 ??Grad nach unten bis 2 (Bilder) zu interpolieren, dann auf 4, dann 8 ... zu wissen, welches Bild auf der Grundlage zu wählen, auf dem Sie haben

Eine einfache Erklärung der Interpolation ist hier .

Answer 5

Von der visuellen nicht die technische ... Die Glätte der Rotation ist der Faktor, dass Sie sich auf aussehen wollen, wie viele Bilder Sie benötigen. Die Größe, wenn das Objekt und die Detaillierungsgrad Hilfe in der Antwort, haben Sie dann die Bandbreite. 20 Bilder sind ein Minimum, 40 ist eine gute Empfehlung, aber 72 sieht gut aus. Denken Sie daran, dass, wenn es die Fotografie, jedes Bild mehr Arbeit und Schwierigkeiten hinzufügt.

Hier ist ein Diagramm, das die Menge der Bilder hilft präsentieren. http://www.photospherix.com/matrix.html

Answer 6

Sie können die Demo hier herunterladen Haben Sie ein Spiel, um mit ihm I 24 rechnen ist eine gute Zahl, aber es hängt davon ab, wie viele rotierende Ansicht, die Sie planen zu schaffen.

http: // lukedurrant .com / 2011/08 / Äpfel-360-Dreh ipod-html-5-Source-Code-Download /