Was ist die browser- / systemkompatibelste Option für 3D-Grafiken auf einer Webseite?

Ich möchte ein bisschen Funktionalität für eine Website entwickeln, die ein bisschen 3D beinhaltet - der Benutzer kann sich um Objekte bewegen, sie drehen und texturieren.

Bisher habe ich untersucht:

• WebGL (insbesondere three.js) und es sieht gut aus, wird aber weder im IE noch im IOS unterstützt.

• IOS unterstützt das <canvas>Tag, aber nur 2d. Es sieht so aus, als hätte three.js einen nicht unterstützten Hack, um ein 3D-Ding dazu zu bringen, die 2D-Leinwand stattdessen ohne Texturen zu verwenden, aber dies sieht aus wie ein Hack.

• Ich habe auch überlegt, auf Flash zurückzugreifen, das in den meisten Browsern funktioniert, aber unter IOS nicht.

Was ist meine beste Option, um 3D-Webgrafiken auf einer Vielzahl von Browsern und Benutzeroberflächen zu erstellen?

Im Moment denke ich an WebGL für Web (und bitte die Leute, Chrome oder Firefox zu verwenden und den Hit auf IE zu nehmen) und schreibe dann vielleicht eine native App für IOS, aber ich bin mir nicht sicher, ob es bessere Alternativen gibt, die ich zur Verfügung habe weiß nicht.

Es gibt keinen und wahrscheinlich nie einen Ansatz, der browser- und systemübergreifend ist, wenn man mehrere mobile Betriebssysteme (Telefongröße und Tablet-Größe) und Browser für Desktop-Systeme in Betracht zieht.

Insofern gibt es keine Antwort, die die richtige Antwort sein könnte - jeder Ansatz hat Vor- und Nachteile.

Die beste / am häufigsten verwendete Cross-Browses-Metrik ist ebenfalls schlecht definiert. Ist es rohe Seitentreffer nach Browsertyp ? Ist es eine schiere Anzahl von Browsern da draußen? oder berücksichtigt es die Surfgewohnheiten von Menschen auf den verschiedenen Systemen ? Sollen bestimmte Regionen höher priorisiert werden als andere ?

Sie erwähnen WebGL - aber das wird auch auf Android nicht gut unterstützt - bedeutet dies, dass auch eine Android-Version in Betracht gezogen werden sollte? Flash ist ebenfalls ein "interessantes" Framework für mobile Geräte.

Ein gängiger Ansatz von Unternehmen besteht darin, eine Tabelle zu erstellen - die Kriterien aufzulisten und die einzelnen Kriterien zu gewichten. Wenn Browsing-Nummern der Schlüssel sind, gewichten Sie das. Wenn die Benutzerfreundlichkeit des Frameworks entscheidend ist, gewichten Sie es auf diese Weise, wenn verschiedene aktuelle Browser usw.

Sobald Sie die Frameworks und Gewichte identifiziert haben, recherchieren Sie jedes und geben Sie eine Zahl (0 - 10) in jede der Zellen für dieses Framework ein, um herauszufinden, welches das "beste" ist.

Darüber hinaus werden Geschäftsentscheidungen am besten von der Person getroffen, die für sie verantwortlich ist und die Risiken eingeht. Es kann problematisch sein, zufällige Personen im Internet zu bitten, sie für Sie zu erstellen. Wir kennen nicht alle Faktoren, die für einen bestimmten Lösungssatz berücksichtigt werden (Zeit, Ressourcen).

Ich hatte in der Vergangenheit etwas Glück damit: https://code.google.com/p/jsc3d/ Es hat bei allem funktioniert, was ich anprobiert habe. Ich musste nur etwas Javascript ändern, um es mit mobilen Geräten interaktiv zu machen, aber ich Ich denke, jetzt haben sie meine Änderungen übernommen und es sollte für Berührungsereignisse funktionieren.

Das wird mit Chrome, Safari, Firefox, IE <9, IE> = 9, Android-Telefon, Android-Tablet, iPad, iPhone gerendert.

Die Leistung ist jedoch schlecht. Aber es ist cool, ich habe ein Modell in Google Sketchup erstellt, die obj-Datei exportiert und sie dann mit Texturen multiplattform gerendert.

Unity verfügt über eine Vielzahl von Plattformen, die es unterstützt (einschließlich Browser, Flash und iOS). http://unity3d.com/unity/multiplatform/