RotateObject – Animation eines Objekts als 360°-Ansicht

Wer die Rundumansicht eines fotografierten Objekts darstellen wollte, hat früher eine bestimmte Anzahl von Fotos rund um das Objekt erstellt, dann irgendein Programm benutzt, das per Javascript den Code zur Animation generierte.

Nachdem aber so manches Programm völlig veraltet ist, funktioniert dieser Code meist nicht mehr in neueren Browsern.

Dem Problem kann abgeholfen werden mit dem von mir programmierten Javascript RotateObject.

Ein kurzer Abriss soll erläutern, wie das Script verwendet wird. Detaillierte Informationen sind in der Textdatei rotateobj.txt (siehe Download) zu finden.

Ein Support von mir ist nach Bedarf möglich.

Voraussetzung

Die Animation des Objektes muss als Abfolge von Bildern vorliegen.
Die verwendeten Bilder müssen sich in einem eigenen Verzeichnis befinden.
Die Bilder müssen fortlaufend durchnummeriert werden.
Es muss ein javascriptfähiger Browser vorhanden sein.

Das Script ist mit folgenden Browsern lauffähig:
Opera 7.54 und neuer, Safari 3.3 und neuer, Mozilla 1.7, Firefox 1.5 und neuer, Internet Explorer 5.5 und neuer, Konqueror 4.2.
Opera Mobile 9.5 nur bedingt, Opera Mini funktioniert nicht.

Diverse Mobil-Browser zeigen die Animation nicht an.

Einbindung in die Webseite

Das Script wird durch Einfügen von HTML-Code in die Webseite eingebaut.
Wie man HTML schreibt, kann auf SelfHTML nachgelesen werden.

In den head-Teil des HTML-Codes der Webseite folgender Code zum Einbinden des Javascripts eingebaut.

Beispiel:
<script type="text/javascript" src="rotateobj.js"></script>

Das animierte Objekt existiert als Bild mit einer eigenen id.

Beispiel:

<img id="cube" 
  src="pic/cube_loading.jpg" 
  alt="Animation cube" 
  width="100" 
  height="130">

Direkt nach dem Bild wird die Sequenz eingebunden, welche das Objekt initialisiert.

Beispiel:

<script type="text/javascript">
/** RotateInit (PicId, AnzPic, PicDir, Speed)
    Parameter: ID des Bildes, Anzahl der Bilder, Verzeichnis der Bilder, relative Rotationsgeschwindigkeit					
**/
RotateInit('cube', 24, 'pic', 2);
</script>

Weitere Erläuterungen

Weitere Informationen und genauere Erklärungen zur Installation von RotateObject finden sich in der Textdatei rotateobj.txt (siehe Download).

Support

Kommerzieller Support ist nur gegen Bezahlung möglich; bei Interesse bitte bei mir nachfragen wegen der Konditionen.

Bei privater Verwendung verweise ich zu Fragen und Problemen per E-Mail an mich.

Demo

Bei dieser Demo liegen die Bilder in einem Unterverzeichnis namens pic_cube; der Name wurde abgeleitet aus der id des Bildes cube und dem Standardpräfix pic_.

Die Dateiname der Bilder selbst sind aufgebaut aus id, Unterstrich und fortlaufender Nummer, also cube_001,jpg, cube_002.jpg … cube_024.jpg.
Es existieren 24 Bilder.

Demo ansehen

Lizenzbedingungen

Das Script darf privat kostenlos benutzt werden.
Zusätzlich würde ich mich über eine Meldung per E-Mail freuen, auf welcher Webseite das Skript verwendet wird.

Eine kommerzielle Verwendung ist nur nach Rücksprache und mit Einwilligung der Autorin erlaubt!

Der Copyrightvermerk im Code muss intakt bleiben.

Weiterhin darf das Script nicht auf einer eigenen Webseite bzw. einem Downloadserver jeder Art als Download oder auf anderen Medien zur Verfügung gestellt werden. Ein Link hierhin ist jedoch auf der eigenen Webseite erlaubt.

Alle Rechte liegen bei Lilo von Hanffstengel.
© 2009 Lilo von Hanffstengel.

Hinweis zu Downloads:
Nur die hier gehosteten Dateien sind die Originale!
Sämtliche woanders im Internet befindlichen Programme, Skripte, Extensions oder UserJavascripte gleichen Namens sind Raubkopien und nicht von mir authorisierte Änderungen des Quellcodes meiner Programme. Es kann bei Downloads von anderen Websites, Filesshares und sonstigen Downloadportalen nicht gewährleistet werden, dass sie frei von Schadsoftware sind. Ich kann davor nur warnen, dort diese gestohlene Software herunter zu laden.
Bitte respekiert meine Arbeit, die ich in die für euch kostenlose Programme stecke, und mein Copyright und andere Rechte.

Download

2009-07-11
Version 1.00.004
Script: rotateobj.js
Changelog: rotateobj_changelog.txt
Informationen: rotateobj.txt

Betaversion

2010-07-14
Version 1.02.006 BETA
Demo