1. 製品
  2.   3D
  3.   Node.js
  4.   glTF-Transform
 
  

3D glTFモデルを扱うためのオープンソースNode.js SDK

先進的なオープンソースNode.js 3D SDKは、ソフトウェア開発者がNode.jsアプリケーション内でglTF 3Dモデルを読み取り、書き込み、編集、最適化、操作できるようにします。

glTF-Transform とは何ですか？

3D グラフィックスとデジタルコンテンツの世界は常に変化しています。ソフトウェア開発者やアーティストにとって、適切なツールを持つことは重要です。注目を集めているツールの一つが glTF-Transform ライブラリです。Don McCurdy が作成したこのオープンソースプロジェクトは画期的です。ソフトウェア開発者やアーティストが 3D ジオメトリ処理のあらゆる難しい側面に対処するのに役立ちます。glTF 形式（GL Transmission Format の略）は Khronos Group が策定した標準です。Node.js アプリケーション内で 3D シーンやモデルを効率的に転送およびロードすることを目的としています。

glTF形式で3Dグラフィックスを作成することに興味があるなら、glTF-Transformライブラリは必須のツールです。ウェブでの使用に最適で、軽量かつシンプルです。このツールはテクスチャ、アニメーション、シェーダーなどあらゆる3Dコンテンツを扱えます。さらに、視覚品質を損なうことなくglTFファイルのサイズを縮小し、ロード時間を短縮し、ウェブページのパフォーマンスを向上させます。また、さまざまなゲームエンジンやプラットフォーム向けにアセットを簡単に変換・強化できます。その豊富な機能、使いやすいインターフェース、オープンソース設計により、3Dアセットの洗練と変換に最適な選択肢となっています。一般に、glTF-TransformライブラリはglTF形式の3Dモデルを扱う人々にとって価値あるツールです。

Previous Next

glTF-Transform の入門

glTF-Transformの安定版をインストールする最も簡単な方法はnpmを使用することです。スムーズなインストールのために、以下のコマンドをご利用ください。

npm を使用して glTF-Transform をインストールする

npm install --global @gltf-transform/cli

GitHub を使用して glTF-Transform をインストールする。

clone https://github.com/donmccurdy/glTF-Transform.git

コンパイル済みの共有ライブラリはGitHubリポジトリからダウンロードできます。

Node.js で glTF シーンを読み書きする

オープンソースの glTF-Transform SDK は、ソフトウェア開発者が自分の Node.js アプリケーション内で、ゼロから新しい glTF シーンを作成したり、既存のシーンをロードして読み取ったりすることを容易にします。このライブラリは、既存シーンの変更、glTF ファイルの圧縮、マテリアル属性の変更、ノード階層の調整などをサポートしています。以下は、ソフトウェア開発者が既存の glTF ファイルをロードし、更新して、変更した glTF ファイルを Node.js アプリケーション内の任意の場所に保存できるシンプルな例です。

Node.js アプリ内で変更された glTF ファイルをロードおよび保存する方法は？

const { NodeIO } = require('@gltf-transform/io');

// Create an IO instance.
const io = new NodeIO();

// Load a glTF file.
const document = io.read('path/to/your/model.glb');

// Perform operations on the document...

// Save the modified glTF file.
io.write('path/to/your/output.glb', document);

Node.js における glTF ファイルの圧縮と最適化

オープンソースの glTF-Transform SDK は機能が豊富で、ソフトウェア開発者が自分の Node.js 環境内で glTF ファイルを圧縮および最適化できるようにします。数行のコードだけで、ライブラリは視覚品質を維持しながらサイズを大幅に削減できます。これは、ロード時間や帯域幅が重要なウェブアプリケーションにおいて、パフォーマンス向上に不可欠です。以下の例は、ソフトウェア開発者が既存の glTF ファイルを圧縮してサイズを削減できる方法を Node.js アプリケーション内で示しています。

Node.js アプリ内で glTF ファイルを圧縮してサイズを最適化する方法は？

const { NodeIO } = require('@gltf-transform/io');
const { DracoMeshCompression } = require('@gltf-transform/extensions');
const { DracoMeshEncoder } = require('@gltf-transform/functions');

const io = new NodeIO();
const document = io.read('path/to/your/model.glb');

// Add Draco compression.
document.createExtension(DracoMeshCompression)
    .setRequired(true);

await document.transform(
    DracoMeshEncoder({ method: DracoMeshEncoder.Method.EDGEBREAKER })
);

io.write('path/to/your/output-compressed.glb', document);

Node.js での glTF ファイルの変換と編集

Khronos Groupが開発したglTFフォーマットは、3Dアセット配信のためのロイヤリティフリー標準です。3Dシーンやモデルの効率的な転送とロードに最適化されています。glTF-Transform SDKは、ノード階層の変更、マテリアルプロパティの修正、アニメーションの調整など、glTFファイルの広範な変更を可能にします。これらの機能により、開発者は特定のニーズに合わせて3Dアセットをカスタマイズする柔軟性を得られます。以下の例は、ソフトウェア開発者が自分のNode.jsアプリケーション内でノード階層を調整できる方法を示しています。

Node.js アプリ内でノード階層を調整する方法は？

const { NodeIO } = require('@gltf-transform/io');
const { DracoMeshCompression } = require('@gltf-transform/extensions');
const { DracoMeshEncoder } = require('@gltf-transform/functions');

const io = new NodeIO();
const document = io.read('path/to/your/model.glb');

// Add Draco compression.
document.createExtension(DracoMeshCompression)
    .setRequired(true);

await document.transform(
    DracoMeshEncoder({ method: DracoMeshEncoder.Method.EDGEBREAKER })
);

io.write('path/to/your/output-compressed.glb', document);

Node.js 内での glTF 3D ファイルの変換

glTF-Transform SDKは、Node.jsアプリケーション内でglTFファイルを異なるバージョンや拡張機能間で変換することを完全にサポートします。この機能は、さまざまなプラットフォームやアプリケーションとの互換性を確保するのに特に有用です。また、ライブラリはglTFファイルを他のファイル形式へエクスポートすることもでき、利用範囲と統合を拡大します。

 日本