JavaScript-bibliotek för att skapa parametriska 2D- och 3D-CAD-designer

JavaScript CAD-bibliotek med öppen källkod låter programmerare skapa parametriska 2D- och 3D-designer. Skapa din egen renderare för 3D- och 2D-geometrier via ett gratis API.

Vad är JSCAD?

JSCAD är ett gratis JavaScript-bibliotek med öppen källkod som låter mjukvaruutvecklare skapa och manipulera 3D-modeller i en webbläsarmiljö i sina egna JavaScript-applikationer. Biblioteket är utformat för att vara enkelt att hantera och mycket flexibelt, vilket gör det till ett utmärkt val för en mängd olika applikationer. JSCAD erbjuder en uppsättning verktyg och funktioner för att enkelt skapa komplexa modeller, samt en rad anpassningsalternativ för att justera utseendet och funktionaliteten hos dina modeller.

JSCAD är ett kraftfullt verktyg för att skapa 3D-modeller som kan användas i en mängd olika applikationer, från spel och underhållning till vetenskaplig forskning och industriell design. JSCAD-biblioteket stöder ett brett utbud av filformat, inklusive STL, OBJ och 3MF, vilket gör det enkelt att exportera dina modeller för användning i andra program. Biblioteket är mycket mångsidigt och låter användare kombinera olika former och element för att skapa komplexa strukturer och modeller, vilket gör det till ett mångsidigt verktyg för designers, ingenjörer och hobbyister.

JSCAD har ett mycket användarvänligt gränssnitt och är utformat för att vara mycket spontant. Biblioteket erbjuder en rad anpassningsalternativ, vilket gör det möjligt för användare att justera utseendet och funktionaliteten hos sina modeller för att passa deras specifika behov och preferenser. Med sitt breda utbud av anpassningsalternativ, avancerade funktioner och stöd för en rad olika filformat är JSCAD ett kraftfullt verktyg som kan användas för en mängd olika applikationer.

Previous Next

Komma igång med JSCAD

Det rekommenderade sättet att installera är att använda npm. Använd följande kommando för en smidig installation.

Installera JSCAD via npm

 npm install @jscad/modeling 

You can also install it manually; download the latest release files directly from GitHub repository.

Skapa ny design via JavaScript API

Det öppna källkodsbiblioteket OpenCascade stöder multitrådning för vissa operationer. Biblioteket ger inte inbyggt stöd för multitrådning, eftersom JavaScript är ett enkeltrådat språk. Utvecklare kan dock använda Web Workers i sina applikationer för att utföra vissa uppgifter i en separat tråd, vilket kan förbättra prestanda och responsivitet. Följande exempel visar hur man använder en Web Worker för att utföra en tung beräkningsuppgift i en separat tråd samtidigt som huvudgränssnittet hålls responsivt.

Hur skapar man en design och exporterar den till STL-format via 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);

Konvertera designformat i JavaScript-appar

JSCAD-biblioteket med öppen källkod ger mjukvaruutvecklare möjligheten att konvertera formatet för vilken design som helst till andra filformat som stöds. Biblioteket har stöd för olika populära filformat, såsom STL, AMF, DXF, JSON, X3D, SVG-bilder och många fler. För att konvertera formatet för en befintlig fil måste du först ladda en befintlig fil och välja utdatafilformat. Designerna kan enkelt delas med andra som filbilagor till e-post, meddelanden etc.

Hur laddar man designen och konverterar dess format via 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-formtransformationer via JavaScript-appar

JSCAD-biblioteket gör det enkelt för mjukvaruutvecklare att skapa 3D-former och modeller i sina egna JavaScript-applikationer. Den ursprungliga formen kan transformeras ett obegränsat antal gånger. Biblioteket har tillhandahållit en uppsättning funktioner för formtransformation, såsom att rotera former med en given vinkel runt X-, Y- och Z-axeln, skala former med valfri faktor, förflytta former till en annan plats, justera eller centrera former längs X-, Y- och Z-axeln, spegla (reflektera) former och så vidare.

Hur man utför formrotation kring en enda axel via 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)
 Svenska