So zeigen Sie interaktive 3D-Objektmodelle auf einer Webseite an: 4 Schritte

Inhaltsverzeichnis:

So zeigen Sie interaktive 3D-Objektmodelle auf einer Webseite an: 4 Schritte
So zeigen Sie interaktive 3D-Objektmodelle auf einer Webseite an: 4 Schritte

Video: So zeigen Sie interaktive 3D-Objektmodelle auf einer Webseite an: 4 Schritte

Video: So zeigen Sie interaktive 3D-Objektmodelle auf einer Webseite an: 4 Schritte
Video: SimpleLogin: E-Mails anonym senden und empfangen - die eigene E-Mail-Adresse vor Spam schützen 2024, Kann
Anonim

Angenommen, Sie haben ein 3D-Modell in AutoCAD oder einem anderen 3D-Modellhersteller entworfen und möchten es auf Ihrer Webseite anzeigen, ohne die 3D-Interaktivität zu verlieren oder zu beeinträchtigen. Dieser Artikel gibt Ihnen einige Möglichkeiten dazu.

Schritte

Methode 1 von 2: Verwenden des Javascript-Frameworks jsc3d

4722865 1
4722865 1

Schritt 1. Beachten Sie, dass jsc3d ein Javascript-Framework ist, das einen 3D-Objektbetrachter für Webseiten bereitstellt

Es ist vollständig in Javascript codiert und erfordert einen HTML-Canvas, um Rendering und Interaktionen durchzuführen. Es bietet eine orthographische Ansicht.

4722865 2
4722865 2

Schritt 2. Laden Sie die jsc3d-Zip-Datei von Google herunter

Der Link lautet:

4722865 3
4722865 3

Schritt 3. Verwenden Sie den in der Abbildung gezeigten Code

Schreiben Sie den Dateipfadnamen nach Bedarf anstelle des dunkelrot hervorgehobenen Textes. Stellen Sie sicher, dass Ihr Dateiformat.obj ist, oder konvertieren Sie es anderweitig in.obj.

4722865 4
4722865 4

Schritt 4. Stellen Sie sicher, dass Sie die Anforderungen erfüllen:

  • Javascript-fähiger Browser
  • HTML5-Unterstützung
  • Canvas-Unterstützung.

Methode 2 von 2: Verwendung von Drittanbietern

4722865 5
4722865 5

Schritt 1. Wählen Sie einen Dienst

Es gibt verschiedene Websites, die eine 3D-Objektanzeige anbieten.

4722865 6
4722865 6

Schritt 2. Verwenden Sie den Link, den sie Ihnen geben

Bei den meisten dieser Dienste können Sie Ihre 3D-Datei einreichen und einen Link erhalten, den Sie in Ihre Webseite einbetten können.

  • Bei sketchfab.com erhalten Sie beispielsweise einen Link wie diesen:

    Wikihow3d von lal.abhishek An Sketchfab

Empfohlen: