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

Pustaka JavaScript untuk Membuat Desain CAD 2D & 3D Parametrik

Pustaka CAD JavaScript Sumber Terbuka memungkinkan Programmer untuk Membuat Desain 2D & 3D Parametrik. Buat Renderer Anda Sendiri untuk Geometri 3D & 2D melalui API Gratis.

Apa itu JSCAD?

JSCAD adalah pustaka JavaScript gratis sumber terbuka yang memungkinkan pengembang perangkat lunak untuk membuat dan memanipulasi model 3D dalam lingkungan peramban di dalam aplikasi JavaScript mereka sendiri. Pustaka ini dirancang agar mudah ditangani sekaligus sangat fleksibel, menjadikannya pilihan yang sangat baik untuk berbagai aplikasi. JSCAD menyediakan seperangkat alat dan fungsi untuk membuat model yang rumit dengan mudah, serta berbagai opsi penyesuaian untuk menyesuaikan tampilan dan fungsionalitas model Anda.

JSCAD adalah alat yang hebat untuk membuat model 3D yang dapat digunakan dalam berbagai aplikasi, mulai dari permainan dan hiburan hingga penelitian ilmiah dan desain industri. Pustaka JSCAD mendukung berbagai format file, termasuk STL, OBJ, dan 3MF, sehingga memudahkan Anda mengekspor model untuk digunakan dalam aplikasi perangkat lunak lainnya. Pustaka ini sangat serbaguna dan memungkinkan pengguna untuk menggabungkan berbagai bentuk dan elemen guna menciptakan struktur dan model yang kompleks, menjadikannya alat yang serbaguna bagi para desainer, insinyur, dan penghobi.

JSCAD memiliki antarmuka yang sangat ramah pengguna dan dirancang agar sangat spontan. Pustaka ini menyediakan berbagai opsi penyesuaian, yang memungkinkan pengguna untuk menyesuaikan tampilan dan fungsionalitas model mereka agar sesuai dengan kebutuhan dan preferensi spesifik mereka. Dengan berbagai opsi penyesuaian, fitur-fitur canggih, dan dukungan untuk berbagai format file, JSCAD merupakan alat yang hebat yang dapat digunakan untuk berbagai aplikasi.

Previous Next

Memulai dengan JSCAD

Cara yang disarankan untuk menginstal adalah menggunakan npm. Gunakan perintah berikut untuk instalasi yang lancar.

Instal JSCAD melalui npm

 npm install @jscad/modeling

Anda juga dapat menginstalnya secara manual; unduh file rilis terbaru langsung dari repositori GitHub.

Buat Desain Baru melalui API JavaScript

Perpustakaan OpenCascade sumber terbuka mendukung multi-threading untuk operasi tertentu. Pustaka tersebut tidak menyediakan dukungan asli untuk multi-threading, karena JavaScript adalah bahasa dengan satu thread. Namun, pengembang dapat menggunakan Web Worker dalam aplikasi mereka untuk melakukan tugas tertentu dalam thread terpisah, yang dapat meningkatkan kinerja dan responsivitas. Contoh berikut menunjukkan cara menggunakan Web Worker untuk melakukan tugas komputasi berat dalam thread terpisah sambil menjaga UI utama tetap responsif.

Bagaimana Cara Membuat Desain & Mengekspor 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);

Ubah Format Desain di Aplikasi JavaScript

Pustaka JSCAD sumber terbuka memberi pengembang perangkat lunak kemampuan untuk mengubah format desain apa pun ke format file lain yang didukung. Pustaka ini telah menyertakan dukungan untuk berbagai format file populer, seperti gambar STL, AMF, DXF, JSON, X3D, SVG, dan masih banyak lagi. Untuk mengubah format file yang sudah ada, pertama-tama Anda perlu memuat file yang sudah ada dan memilih format file keluaran. Desain dapat dengan mudah dibagikan dengan orang lain sebagai lampiran file ke email, pesan, dll.

Bagaimana cara memuat desain dan mengubah formatnya melalui 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)

Transformasi Bentuk CAD melalui Aplikasi JavaScript

Pustaka JSCAD memudahkan pengembang perangkat lunak untuk membuat bentuk dan model 3D di dalam aplikasi JavaScript mereka sendiri. Bentuk asli dapat diubah berkali-kali. Pustaka tersebut telah menyediakan serangkaian fungsi dan fitur untuk transformasi bentuk, seperti memutar Bentuk dengan sudut tertentu terhadap sumbu X, Y, dan Z, mengubah skala bentuk dengan faktor apa pun, mengubah bentuk (memindahkan) ke lokasi lain, menyelaraskan atau memusatkan bentuk di sumbu X, Y, dan Z, mencerminkan (memantulkan) Bentuk, dan sebagainya.

Bagaimana Melakukan Rotasi Bentuk pada Sumbu 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)
 Indonesia