1. Produk
  2.   3D
  3.   Node.js
  4.   glTF-Transform
 
  

SDK Node.js Open Source untuk Bekerja dengan Model glTF 3D

SDK Node.js 3D Open Source Terdepan memungkinkan Pengembang Perangkat Lunak untuk Membaca, Menulis, Mengedit, Mengoptimalkan, dan Memanipulasi Model glTF 3D di dalam Aplikasi Node.js.

Apa itu glTF-Transform?

Dunia grafis 3D dan konten digital selalu berubah. Bagi pengembang perangkat lunak dan seniman, memiliki alat yang tepat sangat penting. Salah satu alat yang banyak mendapat perhatian adalah perpustakaan glTF-Transform. Dibuat oleh Don McCurdy, proyek sumber terbuka ini mengubah permainan. Ini membantu pengembang perangkat lunak dan seniman menangani semua aspek rumit pemrosesan geometri 3D. Format glTF, yang merupakan singkatan dari GL Transmission Format, adalah standar yang dibuat oleh Khronos Group. Ini semua tentang mentransmisikan 3D secara efisien dan memuat adegan serta model 3D di dalam aplikasi Node.js.

Jika Anda tertarik membuat grafik 3D menggunakan format glTF, perpustakaan glTF-Transform adalah alat yang wajib dimiliki. Ini sangat cocok untuk penggunaan web, karena tetap ringan dan sederhana. Alat ini dapat menangani semua jenis konten 3D seperti tekstur, animasi, dan shader. Selain itu, ia membantu memperkecil ukuran file glTF tanpa mengorbankan visual. Dengan begitu, waktu pemuatan menjadi lebih cepat dan kinerja halaman web Anda meningkat. Lebih jauh lagi, ia dengan mudah mengonversi dan meningkatkan aset untuk berbagai mesin game dan platform. Rentang fitur yang kuat, antarmuka yang ramah pengguna, dan desain sumber terbuka menjadikannya pilihan utama untuk menyempurnakan dan mengonversi aset 3D. Secara umum, perpustakaan glTF-Transform adalah alat berharga bagi individu yang bekerja dengan model 3D dalam format glTF.

Previous Next

Memulai dengan glTF-Transform

Cara termudah untuk menginstal rilis stabil glTF-Transform adalah menggunakan npm. Silakan gunakan perintah berikut untuk instalasi yang lancar.

Instal glTF-Transform via npm

npm install --global @gltf-transform/cli

Instal glTF-Transform via GitHub.

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

Anda dapat mengunduh pustaka bersama yang telah dikompilasi dari repositori Github.

Membaca & Menulis Adegan glTF di Node.js

SDK open source glTF-Transform memudahkan pengembang perangkat lunak untuk membuat Scene glTF baru dari awal atau memuat dan membaca scene yang ada di dalam aplikasi Node.js mereka sendiri. Perpustakaan ini mendukung modifikasi scene yang ada, kompresi file glTF, modifikasi properti material, penyesuaian hierarki node, dan sebagainya. Berikut adalah contoh sederhana yang menunjukkan bagaimana pengembang perangkat lunak dapat memuat file glTF yang ada, memperbaruinya, dan menyimpan file glTF yang telah dimodifikasi ke lokasi pilihan mereka di dalam aplikasi Node.js.

Cara Memuat dan Menyimpan File glTF yang Dimodifikasi di dalam Aplikasi Node.js?

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

Kompresi & Optimasi Berkas glTF di Node.js

SDK open source glTF-Transform sangat kaya fitur dan memungkinkan pengembang perangkat lunak untuk mengompresi serta mengoptimalkan file glTF di dalam lingkungan Node.js mereka sendiri. Dengan hanya beberapa baris kode, perpustakaan dapat secara signifikan mengurangi ukuran file sambil mempertahankan kualitas visual. Hal ini penting untuk meningkatkan kinerja, terutama dalam aplikasi web di mana waktu muat dan bandwidth sangat kritis. Contoh berikut menunjukkan bagaimana pengembang perangkat lunak dapat mengompresi file glTF yang ada untuk mengurangi ukurannya di dalam aplikasi Node.js.

Cara Mengompres File glTF untuk Mengoptimalkan Ukurannya di dalam Aplikasi 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);

Transformasi dan Penyuntingan Berkas glTF di Node.js

Format glTF, yang dikembangkan oleh Khronos Group, adalah standar bebas royalti untuk pengiriman aset 3D. Format ini dioptimalkan untuk transmisi dan pemuatan adegan serta model 3D secara efisien. SDK glTF-Transform memungkinkan modifikasi ekstensif file glTF, termasuk mengubah hierarki node, memodifikasi properti material, menyesuaikan animasi, dan sebagainya. Kemampuan ini memberi pengembang fleksibilitas untuk menyesuaikan aset 3D agar sesuai dengan kebutuhan spesifik. Contoh berikut menunjukkan bagaimana pengembang perangkat lunak dapat menyesuaikan hierarki node di dalam aplikasi Node.js mereka sendiri.

Cara Menyesuaikan Hirarki Node di dalam Aplikasi 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);

Konversi Berkas 3D glTF di dalam Node.js

SDK glTF-Transform sepenuhnya mendukung konversi file glTF antara berbagai versi dan ekstensi di dalam aplikasi Node.js. Fitur ini sangat berguna untuk memastikan kompatibilitas dengan berbagai platform dan aplikasi. Perpustakaan ini juga dapat mengekspor file glTF ke format file lain, memfasilitasi penggunaan dan integrasi yang lebih luas.

 Indonesia