1. Produkte
  2.   CAD
  3.   JavaScript
  4.   JSCAD
 
  

JavaScript-Bibliothek zum Erstellen parametrischer 2D- und 3D-CAD-Designs

Die Open-Source-JavaScript-CAD-Bibliothek ermöglicht Programmierern die Erstellung parametrischer 2D- und 3D-Designs. Erstellen Sie Ihren eigenen Renderer für 3D- und 2D-Geometrien über die kostenlose API.

Was ist JSCAD?

JSCAD ist eine kostenlose Open-Source-JavaScript-Bibliothek, mit der Softwareentwickler 3D-Modelle in einer Browserumgebung innerhalb ihrer eigenen JavaScript-Anwendungen erstellen und bearbeiten können. Die Bibliothek ist benutzerfreundlich und flexibel und eignet sich daher hervorragend für eine Vielzahl von Anwendungen. JSCAD bietet eine Reihe von Werkzeugen und Funktionen für die einfache Erstellung komplexer Modelle sowie zahlreiche Anpassungsmöglichkeiten für das Erscheinungsbild und die Funktionalität Ihrer Modelle.

JSCAD ist ein leistungsstarkes Werkzeug zur Erstellung von 3D-Modellen für vielfältige Anwendungen – von Gaming und Unterhaltung bis hin zu wissenschaftlicher Forschung und Industriedesign. Die JSCAD-Bibliothek unterstützt zahlreiche Dateiformate, darunter STL, OBJ und 3MF. So können Sie Ihre Modelle problemlos für die Verwendung in anderen Softwareanwendungen exportieren. Die Bibliothek ist äußerst vielseitig und ermöglicht die Kombination verschiedener Formen und Elemente zur Erstellung komplexer Strukturen und Modelle. Das macht sie zu einem vielseitigen Werkzeug für Designer, Ingenieure und Bastler.

JSCAD verfügt über eine äußerst benutzerfreundliche Oberfläche und ist auf spontane Gestaltung ausgelegt. Die Bibliothek bietet zahlreiche Anpassungsmöglichkeiten, mit denen Nutzer das Aussehen und die Funktionalität ihrer Modelle an ihre individuellen Bedürfnisse und Vorlieben anpassen können. Mit seinen vielfältigen Anpassungsmöglichkeiten, den erweiterten Funktionen und der Unterstützung verschiedener Dateiformate ist JSCAD ein leistungsstarkes Werkzeug für vielfältige Anwendungen.

Previous Next

Erste Schritte mit JSCAD

Die empfohlene Installationsmethode ist npm. Für eine reibungslose Installation verwenden Sie bitte den folgenden Befehl.

JSCAD über npm installieren

 npm install @jscad/modeling

Sie können es auch manuell installieren; laden Sie die neuesten Versionsdateien direkt vom GitHub-Repository herunter.

Neues Design über die JavaScript-API erstellen

Die Open-Source-Bibliothek OpenCascade unterstützt Multithreading für bestimmte Operationen. Da JavaScript eine Single-Thread-Sprache ist, bietet die Bibliothek keine native Unterstützung für Multithreading. Entwickler können jedoch Web Worker in ihrer Anwendung verwenden, um bestimmte Aufgaben in einem separaten Thread auszuführen und so die Leistung und Reaktionsfähigkeit zu verbessern. Das folgende Beispiel zeigt, wie ein Web Worker eine rechenintensive Aufgabe in einem separaten Thread ausführt und gleichzeitig die Hauptoberfläche reaktionsfähig bleibt.

Wie erstelle ich ein Design und exportiere es über die JavaScript-API in das STL-Format?

 const {CAG, CSG} = require('@jscad/csg');

// create a simple shape like a cube:

const cube = CSG.cube({
  center: [0, 0, 0],
  radius: 10
});

//export your design in a desired format:

const stlSerializer = require('@jscad/stl-serializer');
const stlData = stlSerializer.serialize(result);
console.log(stlData);

Designformat in JavaScript-Apps konvertieren

Die Open-Source-Bibliothek JSCAD ermöglicht Softwareentwicklern die Konvertierung beliebiger Designs in andere unterstützte Dateiformate. Die Bibliothek unterstützt verschiedene gängige Dateiformate wie STL, AMF, DXF, JSON, X3D, SVG-Bilder und viele mehr. Um das Format einer vorhandenen Datei zu konvertieren, müssen Sie zunächst die vorhandene Datei laden und die Ausgabeformate auswählen. Die Designs können problemlos als Dateianhang an E-Mails, Nachrichten usw. weitergegeben werden.

Wie lade ich das Design und konvertiere sein Format über die JavaScript-API?

const {CSG} = require('@jscad/modeling')
const {STL} = require('@jscad/stl-serializer')

// Load the design file in the desired format
const stlString = fs.readFileSync('design.stl', 'utf8')

//Convert the STL format to a JSCAD CSG object:

const design = STL.parse(stlString)
const stlString = STL.serialize(design)
fs.writeFileSync('manipulated_design.stl', stlString)

CAD-Formtransformationen über JavaScript-Apps

Die JSCAD-Bibliothek erleichtert Softwareentwicklern die Erstellung von 3D-Formen und -Modellen in ihren eigenen JavaScript-Anwendungen. Die ursprüngliche Form kann beliebig oft transformiert werden. Die Bibliothek bietet eine Reihe von Funktionen und Features zur Formtransformation, z. B. das Drehen von Formen um einen beliebigen Winkel um die X-, Y- und Z-Achse, das Skalieren von Formen um einen beliebigen Faktor, das Verschieben von Formen an eine andere Position, das Ausrichten oder Zentrieren von Formen entlang der X-, Y- und Z-Achse, das Spiegeln von Formen usw.

Wie führe ich eine Formrotation um eine einzelne Achse über die JavaScript-API durch?

const { cuboid } = require('@jscad/modeling').primitives
const { rotateX,rotateY,rotateZ } = require('@jscad/modeling').transforms
 
const myshape = cuboid({size: [5, 20, 5]})
let newshape = rotateX((Math.PI * 2 / 4), myshape)
newshape = rotateY((Math.PI * 2 / 24), newshape)
newshape = rotateZ((Math.PI * 2 / 12), newshape)
 Deutsch