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

10

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.

ios 3d browser-compatibility Rocklan
quelle
Ich würde gerne wissen, warum diese Frage abgelehnt wurde und wie ich sie beheben kann. Ich denke, es ist eine sehr hilfreiche Frage, die zum q und einem Format passt.
Rocklan
4
Ich frage nicht, welche Technologie besser ist. Ich frage, was in den meisten Fällen für 3D-Inhalte funktioniert.
Rocklan
3
Abstimmung zur Wiedereröffnung. LachlanB, es ist "am besten", in Fragen keine Wörter wie "am besten" zu verwenden. Aber ansonsten denke ich, dass es eine einigermaßen beantwortbare Frage ist. Sie könnten es so umformulieren wie "Welche Technologie wäre auf den meisten Browsern verwendbar?".
Großmeister
1
@LachlanB Ich habe Ihre Frage bearbeitet, um zu verdeutlichen, dass Sie nicht nach der "besten" Technologie fragen, sondern nach der kompatibelsten Technologie für 3D-Grafiken auf Webseiten. Ich habe dafür gestimmt, die Frage erneut zu öffnen, aber es sind noch 3 weitere Community-Stimmen erforderlich, um erneut geöffnet zu werden. Wenn es nicht die Aufmerksamkeit erhält, die es benötigt, um in ein paar Tagen wieder geöffnet zu werden, können Sie auch versuchen, es für einen Moderator zu kennzeichnen, und ihn bitten, die Frage erneut zu öffnen (stellen Sie sicher, dass Sie erklären, dass sie in der Kennzeichnungsnachricht bearbeitet wurde). Viel Glück damit :)
Rachel
3
Es gibt keine richtige Antwort. Es sollte geschlossen sein. Ein Tool könnte für ein Projekt und nicht für ein anderes geeignet sein. So stellen Sie diese Frage nicht. GO untersucht verschiedene Bibliotheken und kommt dann zurück und stellt bestimmte Fragen. Wenn Sie gefragt haben, ob die Funktion XXX in allen Browsern unterstützt wird, gibt es eine richtige Antwort.
Reactgular

Antworten:

2

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).


quelle
0

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.

OlivierM
quelle
Fragen zu Werkzeugempfehlungen sind bei Programmers.SE kein Thema. Das Beantworten von Fragen außerhalb des Themas, selbst mit korrekten Informationen, gibt Fragenplakaten den Anreiz, Fragen außerhalb des Themas zu stellen.
Adam Zuckerman