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

Perpustakaan JavaScript untuk Mencipta Reka Bentuk CAD 2D & 3D Parametrik

Perpustakaan CAD JavaScript Sumber Terbuka membenarkan Pengaturcara untuk Mencipta Reka Bentuk 2D & 3D Parametrik. Buat Renderer Anda Sendiri untuk Geometri 3D & 2D melalui API Percuma.

Apakah itu JSCAD?

JSCAD ialah perpustakaan JavaScript percuma sumber terbuka yang membenarkan pembangun perisian mencipta dan memanipulasi model 3D dalam persekitaran penyemak imbas dalam aplikasi JavaScript mereka sendiri. Perpustakaan ini direka bentuk untuk mudah dikendalikan serta sangat fleksibel, menjadikannya pilihan yang sangat baik untuk pelbagai aplikasi. JSCAD menyediakan satu set alat dan fungsi untuk mencipta model yang kompleks dengan mudah, serta pelbagai pilihan penyesuaian untuk melaraskan penampilan dan kefungsian model anda.

JSCAD ialah alat yang berkuasa untuk mencipta model 3D yang boleh digunakan dalam pelbagai aplikasi, daripada permainan dan hiburan kepada penyelidikan saintifik dan reka bentuk industri. Pustaka JSCAD menyokong pelbagai format fail, termasuk STL, OBJ dan 3MF, menjadikannya mudah untuk mengeksport model anda untuk digunakan dalam aplikasi perisian lain. Perpustakaan ini sangat serba boleh dan membolehkan pengguna menggabungkan bentuk dan elemen yang berbeza untuk mencipta struktur dan model yang kompleks, menjadikannya alat serba boleh untuk pereka bentuk, jurutera dan penggemar.

JSCAD mempunyai antara muka yang sangat mesra pengguna dan direka bentuk untuk menjadi sangat spontan. Perpustakaan menyediakan pelbagai pilihan penyesuaian, membolehkan pengguna melaraskan penampilan dan kefungsian model mereka agar sesuai dengan keperluan dan pilihan khusus mereka. Dengan pelbagai pilihan penyesuaian, ciri lanjutan dan sokongan untuk pelbagai format fail, JSCAD ialah alat berkuasa yang boleh digunakan untuk pelbagai aplikasi.

Previous Next

Bermula dengan JSCAD

Cara pemasangan yang disyorkan adalah menggunakan npm. Sila gunakan arahan berikut pemasangan yang lancar.

Pasang JSCAD melalui npm

 npm install @jscad/modeling

Anda juga boleh memasangnya secara manual; muat turun fail keluaran terkini terus daripada repositori GitHub.

Buat Reka Bentuk Baharu melalui API JavaScript

Pustaka OpenCascade sumber terbuka menyokong pelbagai benang untuk operasi tertentu. Pustaka tidak menyediakan sokongan asli untuk berbilang benang, kerana JavaScript ialah bahasa satu benang. Walau bagaimanapun, pembangun boleh menggunakan Pekerja Web dalam aplikasi mereka untuk melaksanakan tugas tertentu dalam urutan berasingan, yang boleh meningkatkan prestasi dan responsif. Contoh berikut menunjukkan cara menggunakan Pekerja Web untuk melaksanakan tugas pengiraan berat dalam urutan berasingan sambil memastikan UI utama responsif.

Bagaimana untuk Mencipta Reka Bentuk & Eksport ke Format STL melalui API JavaScript?

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

Tukar Format Reka Bentuk dalam Apl JavaScript

Pustaka JSCAD sumber terbuka memberikan pembangun perisian keupayaan untuk menukar format mana-mana reka bentuk kepada format fail lain yang disokong. Perpustakaan ini telah menyertakan sokongan untuk pelbagai format fail popular, seperti STL, AMF, DXF, JSON, X3D, imej SVG dan banyak lagi. Untuk menukar format fail sedia ada, mula-mula anda perlu memuatkan fail sedia ada dan pilih format fail output. Reka bentuk boleh dikongsi dengan mudah dengan orang lain sebagai lampiran fail pada mel, mesej, dsb.

Bagaimana untuk Memuatkan Reka Bentuk & Menukar Formatnya melalui API JavaScript?

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)

Transformasi Bentuk CAD melalui Aplikasi JavaScript

Pustaka JSCAD memudahkan pembangun perisian mencipta bentuk dan model 3D di dalam aplikasi JavaScript mereka sendiri. Bentuk asal boleh diubah beberapa kali. Perpustakaan telah menyediakan satu set fungsi dan ciri untuk transformasi bentuk, seperti memutarkan Bentuk mengikut mana-mana sudut tertentu mengenai paksi X, Y dan Z, bentuk skala mengikut mana-mana faktor, terjemahan bentuk (dipindahkan) ke lokasi lain, menjajarkan atau bentuk tengah merentas paksi X, Y dan Z, cermin (mencerminkan) Bentuk, dan sebagainya.

Bagaimana untuk Melakukan Putaran Bentuk Mengenai Paksi Tunggal melalui API JavaScript?

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