매개변수 2D 및 3D CAD 설계를 생성하는 JavaScript 라이브러리

오픈 소스 JavaScript CAD 라이브러리를 통해 프로그래머는 파라메트릭 2D 및 3D 설계를 제작할 수 있습니다. 무료 API를 통해 3D 및 2D 지오메트리용 렌더러를 직접 만들어 보세요.

JSCAD란 무엇인가요?

JSCAD는 소프트웨어 개발자가 브라우저 환경에서 자체 JavaScript 애플리케이션 내에서 3D 모델을 생성하고 조작할 수 있도록 지원하는 오픈 소스 무료 JavaScript 라이브러리입니다. 이 라이브러리는 사용하기 쉽고 매우 유연하게 설계되어 다양한 애플리케이션에 적합합니다. JSCAD는 복잡한 모델을 손쉽게 생성할 수 있는 도구와 기능 세트는 물론, 모델의 모양과 기능을 조정할 수 있는 다양한 사용자 정의 옵션을 제공합니다.

JSCAD는 게임, 엔터테인먼트, 과학 연구, 산업 디자인 등 다양한 애플리케이션에서 사용할 수 있는 3D 모델을 제작하는 강력한 도구입니다. JSCAD 라이브러리는 STL, OBJ, 3MF 등 다양한 파일 형식을 지원하므로 다른 소프트웨어 애플리케이션에서 사용할 수 있도록 모델을 쉽게 내보낼 수 있습니다. 이 라이브러리는 매우 다재다능하여 사용자가 다양한 모양과 요소를 결합하여 복잡한 구조와 모델을 만들 수 있도록 지원하므로 디자이너, 엔지니어, 취미 개발자에게 유용한 도구입니다.

JSCAD는 사용자 친화적인 인터페이스를 갖추고 있으며, 매우 자연스럽게 사용할 수 있도록 설계되었습니다. 이 라이브러리는 다양한 사용자 정의 옵션을 제공하여 사용자가 특정 요구 사항과 선호도에 맞게 모델의 모양과 기능을 조정할 수 있도록 합니다. 광범위한 사용자 정의 옵션, 고급 기능, 그리고 다양한 파일 형식을 지원하는 JSCAD는 광범위한 애플리케이션에 사용할 수 있는 강력한 도구입니다.

Previous Next

JSCAD 시작하기

npm을 사용하여 설치하는 것이 좋습니다. 원활한 설치를 위해 다음 명령어를 사용하세요.

npm을 통해 JSCAD 설치

 npm install @jscad/modeling 

수동으로 설치할 수도 있습니다. GitHub 저장소에서 최신 릴리스 파일을 직접 다운로드하세요.

JavaScript API를 통해 새 디자인 만들기

오픈 소스 OpenCascade 라이브러리는 특정 작업에 대해 멀티스레딩을 지원합니다. JavaScript는 단일 스레드 언어이므로 이 라이브러리는 멀티스레딩을 기본적으로 지원하지 않습니다. 하지만 개발자는 애플리케이션에서 웹 워커를 사용하여 특정 작업을 별도의 스레드에서 수행하여 성능과 응답성을 향상시킬 수 있습니다. 다음 예제는 웹 워커를 사용하여 메인 UI의 응답성을 유지하면서 별도의 스레드에서 고용량 계산 작업을 수행하는 방법을 보여줍니다.

JavaScript API를 통해 디자인을 만들고 STL 형식으로 내보내는 방법은 무엇인가요?

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

JavaScript 앱에서 디자인 형식 변환

오픈 소스 JSCAD 라이브러리는 소프트웨어 개발자에게 모든 디자인 형식을 다른 지원되는 파일 형식으로 변환할 수 있는 기능을 제공합니다. 이 라이브러리는 STL, AMF, DXF, JSON, X3D, SVG 이미지 등 다양한 인기 파일 형식을 지원합니다. 기존 파일의 형식을 변환하려면 먼저 기존 파일을 로드하고 출력 파일 형식을 선택해야 합니다. 디자인은 메일, 메시지 등에 첨부 파일로 쉽게 공유할 수 있습니다.

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)

JavaScript 앱을 통한 CAD 형상 변환

JSCAD 라이브러리는 소프트웨어 개발자가 자체 JavaScript 애플리케이션 내에서 3D 형상과 모델을 쉽게 생성할 수 있도록 지원합니다. 원본 형상은 원하는 횟수만큼 변환할 수 있습니다. 이 라이브러리는 형상 변환을 위한 다양한 함수와 기능을 제공합니다. 예를 들어, X, Y, Z축을 기준으로 형상을 원하는 각도만큼 회전하거나, 원하는 비율로 형상 크기를 조정하거나, 형상을 다른 위치로 이동하거나, X, Y, Z축을 기준으로 형상을 정렬하거나 가운데에 배치하거나, ​​형상을 미러링하거나 반사시키는 등의 기능이 있습니다.

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)
 한국인