1. 製品
  2.   CAD
  3.   JavaScript
  4.   JSCAD
 
  

パラメトリック 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 

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

JavaScript API で新しいデザインを作成

オープンソースの OpenCascade ライブラリは、特定の操作でマルチスレッドをサポートしています。JavaScript はシングルスレッド言語であるため、このライブラリはマルチスレッドをネイティブにサポートしていません。ただし、開発者はアプリケーションで Web Worker を使用して特定のタスクを別のスレッドで実行することで、パフォーマンスと応答性を向上させることができます。次の例は、Web Worker を使用して、メイン 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)
 日本