Anzeigen von CAD-Bildern mit Javascript

Question

Nach ein paar Tagen Suche, ich entscheide mich zu kommen, um zu fragen, ob jemand weiß, wie man 3D-Bilder (CAD-Bilder) in einer Website mit nur Javascript anzeigen.

Mein Ziel ist es, .stp oder .igs-Formate anzeigen und ermöglichen Benutzern die Interaktion mit.

Bisher habe ich ein paar Frameworks gefunden:

https://github.com/tbuser/thingiview.js

http://threejs.org/

https://github.com/humu2009/jsc3d

Aber sie sind veraltet oder sie erlauben mir nicht die Formate angezeigt werden erwähnt .

Hat jemand ein ähnliches Problem, das teilen kann, wie man arbeitet?

Eine andere Möglichkeit dachte ich habe, ist zu JPG-Bilder aus den oben genannten Formate zu extrahieren und mit einem 360 Bildansicht Plugin angezeigt werden wie zum Beispiel:

http://reel360.org/reel

http://spritespin.ginie.eu/

(einige zu nennen

)

Pro:

• lädt schneller
• leichter

Cons zu implementieren:

• Need JPG
• Schwieriger
• Veraltete Frameworks zu implementieren (außer Three.js)

Hinweis: Ich brauche keine Interaktion mit dem Bild, wie in das Bild gehen, es transparent machen, explodieren ... Ich muss es nur wie ein 360-Bild anzeigen können.

Haben Sie einen schönen Weg, dies zu erreichen?

Alle Kommentare wären hilfreich. Vielen Dank im Voraus,

André

Answer 1

Schritt und IGES sind CAD-Formate und die meisten 3D-Entwicklung in webgl ist die Entwicklung von Spielen. Dies ist auf der anderen Seite der Kunst/Spiele Tech teilen, das CAD-Format beschreibt keine polygonalen Modelle *. Daher müsste jedes Programm, das diese Formate anzeigen könnte, ein geometrisches Solver-Backend namens CAD-Kernel haben. Kein grundlegendes 3D-Framework wird für Sie tun. Dies ist auf der anderen Seite von einfachen 3D.

STEP ist auch ein scheußlich komplexes Format, das einen Importeur selbst mit einem CAD-Kernel schwer macht.Ich würde nach etwas wie opencascade für die Aufgabe suchen, die Cad-Daten in Polygone für die Anzeige umzuwandeln. Generell gibt es nicht viele kostenlose B-Rep Backends.

Sie könnten auch Ihre vorhandene CAD-App dazu verwenden. Ich bezweifle, dass Sie eine reine Javascript-Version eines CAD-Kernels finden werden.

* Denken Sie daran, dass ein normales 3D-Modell meist polygonal ist. Ein B-Rep-Modell beschreibt jedoch keine Polygone, sondern die Verknüpfung mathematischer Formen. Bevor Sie also einen Schritt der Iges-Datei anzeigen können, müssen Sie ihn lösen. Beginnen Sie mit dem Lesen this