JavaScript-bibliotheek voor het maken van parametrische 2D- en 3D-CAD-ontwerpen

Met de open source JavaScript CAD-bibliotheek kunnen programmeurs parametrische 2D- en 3D-ontwerpen maken. Creëer uw eigen renderer voor 3D- en 2D-geometrieën via een gratis API.

Wat is JSCAD?

JSCAD is een gratis open-source JavaScript-bibliotheek waarmee softwareontwikkelaars 3D-modellen kunnen maken en bewerken in een browseromgeving binnen hun eigen JavaScript-applicaties. De bibliotheek is ontworpen om gebruiksvriendelijk en zeer flexibel te zijn, waardoor het een uitstekende keuze is voor een breed scala aan toepassingen. JSCAD biedt een reeks tools en functies waarmee u eenvoudig complexe modellen kunt maken, evenals een reeks aanpassingsopties om het uiterlijk en de functionaliteit van uw modellen aan te passen.

JSCAD is een krachtige tool voor het maken van 3D-modellen die kunnen worden gebruikt in een breed scala aan toepassingen, van gaming en entertainment tot wetenschappelijk onderzoek en industrieel ontwerp. De JSCAD-bibliotheek ondersteunt een breed scala aan bestandsformaten, waaronder STL, OBJ en 3MF, waardoor u uw modellen eenvoudig kunt exporteren voor gebruik in andere softwareapplicaties. De bibliotheek is zeer veelzijdig en stelt gebruikers in staat verschillende vormen en elementen te combineren om complexe structuren en modellen te creëren. Dit maakt het een veelzijdige tool voor ontwerpers, ingenieurs en hobbyisten.

JSCAD heeft een zeer gebruiksvriendelijke interface en is ontworpen om zeer spontaan te zijn. De bibliotheek biedt een scala aan aanpassingsmogelijkheden, waardoor gebruikers het uiterlijk en de functionaliteit van hun modellen kunnen aanpassen aan hun specifieke behoeften en voorkeuren. Met zijn brede scala aan aanpassingsmogelijkheden, geavanceerde functies en ondersteuning voor diverse bestandsformaten is JSCAD een krachtige tool die voor een breed scala aan toepassingen kan worden gebruikt.

Previous Next

Aan de slag met JSCAD

De aanbevolen manier om te installeren is via npm. Gebruik de volgende opdracht voor een soepele installatie.

Installeer JSCAD via npm

 npm install @jscad/modeling 

Je kunt het ook handmatig installeren; download de nieuwste releasebestanden rechtstreeks van de GitHub-repository.

Nieuw ontwerp maken via JavaScript API

De open-source OpenCascade-bibliotheek ondersteunt multithreading voor bepaalde bewerkingen. De bibliotheek biedt geen native ondersteuning voor multithreading, omdat JavaScript een singlethreaded taal is. Ontwikkelaars kunnen echter webworkers in hun applicatie gebruiken om bepaalde taken in een aparte thread uit te voeren, wat de prestaties en responsiviteit kan verbeteren. Het volgende voorbeeld laat zien hoe u een webworkers kunt gebruiken om een ​​zware rekentaak in een aparte thread uit te voeren, terwijl de hoofdinterface responsief blijft.

Hoe maak ik een ontwerp en exporteer ik het naar STL-formaat via de JavaScript API?

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

Converteer ontwerpen in JavaScript-apps

De open-source JSCAD-bibliotheek biedt softwareontwikkelaars de mogelijkheid om elk ontwerp te converteren naar andere ondersteunde bestandsformaten. De bibliotheek biedt ondersteuning voor diverse populaire bestandsformaten, zoals STL, AMF, DXF, JSON, X3D, SVG-afbeeldingen en nog veel meer. Om het formaat van een bestaand bestand te converteren, moet u eerst een bestaand bestand laden en de gewenste bestandsformaten kiezen. De ontwerpen kunnen eenvoudig met anderen worden gedeeld als bijlagen bij e-mails, berichten, enz.

Hoe laad ik het ontwerp en converteer ik het formaat via de 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-vormtransformaties via JavaScript-apps

De JSCAD-bibliotheek maakt het voor softwareontwikkelaars eenvoudig om 3D-vormen en -modellen te maken in hun eigen JavaScript-applicaties. De oorspronkelijke vorm kan een onbeperkt aantal keren worden getransformeerd. De bibliotheek biedt een reeks functies en mogelijkheden voor vormtransformatie, zoals het roteren van vormen over een willekeurige hoek om de X-, Y- en Z-as, het schalen van vormen met elke factor, het verplaatsen van vormen naar een andere locatie, het uitlijnen of centreren van vormen over de X-, Y- en Z-as, het spiegelen (reflecteren) van vormen, enzovoort.

Hoe kan ik een vormrotatie uitvoeren om één as via de JavaScript API?

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