1. 製品
  2.   3D
  3.   JavaScript
  4.   Zen-3d

s

 
  

2D および 3D ファイルを管理するためのオープンソース JavaScript API 

Zen-3d は、WebGL レンダラーを提供する JavaScript ライブラリです。ガンマ補正、ライン マテリアル、バンプ マップ、データ テクスチャ、ボーン テクスチャをサポートし、オープンソースの JavaScript API を介して 2D と 3D を結合します。

Zen-3d は、3D/2D ライブラリを作成および処理するための完全な機能セットを提供するオープン ソースの JavaScript ライブラリです。ライブラリには、遅延レンダリング用の環境光、シェーダー マテリアル パラメータのリファクタリング、glTF UV 変換のサポート、2D UI 適応戦略、スポットライトのサポート、ガンマ補正、ライン マテリアル、バンプ マップのサポート、データ テクスチャ、ボーン テクスチャなど、いくつかの重要な機能のサポートが含まれています。サポート、2D と 3D の結合、WebGL 属性とユニフォーム、ポイント描画の追加、シャドウ マッピングなど。

ライブラリ Zen-3d は、WebGL レンダラーを提供します。 WebGL は、プラグインを使用せずに、互換性のある Web ブラウザ内でインタラクティブな 2D および 3D コンピュータ グラフィックスのレンダリングをサポートする JavaScript API です。昔は、コンピューター上で 3D CAD 図面をレンダリングするのは非常に困難でした。現在、いくつかの企業が処理を簡単にするために懸命に取り組んでおり、ブラウザーですべてを実行するために WebGL を利用しています。最近のほぼすべてのブラウザが WebGL をサポートしています。

Previous Next

Zen-3d 入門

Zen-3d をインストールする推奨される方法は、NPM を使用することです。スムーズなインストールのために、次のコマンドを使用してください。

NPM 経由で Zen-3d をインストールする

npm i zen-3d 

JavaScript による 3D キューブの作成

オープン ソースの Zen-3d ライブラリには、提供された寸法の立方体または不規則な四角形を作成するためのサポートが含まれています。立方体の幅、高さ、深さを指定する必要があり、残りは簡単に完了します。ジオメトリに属性を追加したり、ジオメトリのクローンを作成したり、ジオメトリをグループに分割したり、このジオメトリにグループを追加したり、ジオメトリを他のジオメトリにコピーしたりできます。

画像の読み込みと処理

オープン ソースの Zen-3d ライブラリを使用すると、ソフトウェア開発者は独自のアプリケーション内で画像を簡単に読み込んで処理できます。ライブラリには、画像の読み取りや URL 経由の画像の読み込みなど、画像処理のためのいくつかの機能が含まれています。ファイルをロードするベース パスまたは URL を設定する必要があります。この機能は、同じディレクトリから多くの画像をロードしているときに非常に役立ちます。

3D シーン管理

オープン ソースの Zen-3d ライブラリには、JavaScript コマンドを使用して内部で 3D シーンを作成および管理するための機能が用意されています。ソフトウェア開発者は、オブジェクト、ライト、およびカメラを配置できます。 Zen-3d はシーン レンダリングをサポートし、オブジェクトをシャドウ マップにレンダリングする、オブジェクトをレンダリングする前にフレームをチェックする、ライト情報を収集する、マトリックスを変換する、マトリックス位置を自動的に計算する、シーン内のオブジェクトの親を定義する、オブジェクトのローカル回転、シーン グラフ オブジェクトのレンダリング順序の定義など。

 日本