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

Otwarto‑źródłowe SDK Node.js do pracy z modelami 3D glTF

Wiodące otwarto‑źródłowe SDK 3D Node.js umożliwia programistom odczyt, zapis, edycję, optymalizację i manipulację modelami 3D glTF w aplikacjach Node.js.

Czym jest glTF-Transform?

Świat grafiki 3D i treści cyfrowych nieustannie się zmienia. Dla programistów i artystów posiadanie odpowiednich narzędzi jest kluczowe. Jednym z narzędzi, które przyciąga wiele uwagi, jest biblioteka glTF-Transform. Stworzona przez Dona McCurdy'ego, ten projekt open‑source jest przełomowy. Pomaga programistom i artystom radzić sobie ze wszystkimi trudnymi aspektami przetwarzania geometrii 3D. Format glTF, który oznacza GL Transmission Format, jest standardem opracowanym przez Khronos Group. Służy do efektywnego przesyłania i ładowania scen oraz modeli 3D w aplikacjach Node.js.

Jeśli interesujesz się tworzeniem grafiki 3D w formacie glTF, biblioteka glTF-Transform jest niezbędnym narzędziem dla Ciebie. Świetnie sprawdza się w zastosowaniach webowych, ponieważ jest lekka i prosta. To narzędzie potrafi obsługiwać wszelkiego rodzaju treści 3D, takie jak tekstury, animacje i shadery. Dodatkowo pomaga zmniejszyć rozmiar plików glTF bez utraty jakości wizualnej. Dzięki temu przyspiesza czasy ładowania i zwiększa wydajność Twoich stron internetowych. Co więcej, bez wysiłku konwertuje i ulepsza zasoby dla różnych silników gier i platform. Szeroki zakres funkcji, przyjazny interfejs i otwartoźródłowa konstrukcja czynią je preferowanym wyborem do udoskonalania i konwersji zasobów 3D. Ogólnie rzecz biorąc, biblioteka glTF-Transform jest cennym narzędziem dla osób pracujących z modelami 3D w formacie glTF.

Previous Next

Rozpoczęcie pracy z glTF-Transform

Najprostszym sposobem zainstalowania stabilnej wersji glTF-Transform jest użycie npm. Proszę użyć poniższego polecenia, aby przeprowadzić płynną instalację.

Zainstaluj glTF-Transform za pomocą npm

npm install --global @gltf-transform/cli

Zainstaluj glTF-Transform za pomocą GitHub.

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

Możesz pobrać skompilowaną bibliotekę współdzieloną z repozytorium Github.

Odczyt i zapis scen glTF w Node.js

Otwarty zestaw SDK glTF-Transform ułatwia programistom tworzenie nowych scen glTF od podstaw lub ładowanie i odczytywanie istniejących scen w ich własnych aplikacjach Node.js. Biblioteka obsługuje modyfikowanie istniejących scen, kompresję pliku glTF, modyfikację właściwości materiałów, dostosowywanie hierarchii węzłów i tak dalej. Oto prosty przykład, który pokazuje, jak programiści mogą załadować istniejący plik glTF, zaktualizować go i zapisać zmodyfikowany plik glTF w wybranym miejscu w aplikacjach Node.js.

Jak wczytać i zapisać zmodyfikowany plik glTF w aplikacjach 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);

Kompresja i optymalizacja plików glTF w Node.js

Otwarty zestaw SDK glTF-Transform jest bardzo bogaty w funkcje i pozwala programistom kompresować oraz optymalizować pliki glTF w ich własnym środowisku Node.js. Dzięki zaledwie kilku liniom kodu biblioteka może znacząco zmniejszyć ich rozmiar, zachowując jakość wizualną. Jest to kluczowe dla poprawy wydajności, szczególnie w aplikacjach internetowych, gdzie czas ładowania i przepustowość są krytyczne. Poniższy przykład demonstruje, jak programiści mogą kompresować istniejące pliki glTF, aby zmniejszyć ich rozmiar w aplikacjach Node.js.

Jak skompresować plik glTF, aby zoptymalizować jego rozmiar w aplikacjach 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);

Transformacja i edycja plików glTF w Node.js

Format glTF, opracowany przez Khronos Group, jest standardem wolnym od opłat licencyjnych dla dostarczania zasobów 3D. Jest zoptymalizowany pod kątem efektywnego przesyłania i ładowania scen oraz modeli 3D. SDK glTF-Transform umożliwia rozległe modyfikacje plików glTF, w tym zmianę hierarchii węzłów, modyfikację właściwości materiałów, dostosowywanie animacji i inne. Te możliwości dają programistom elastyczność w dostosowywaniu zasobów 3D do konkretnych potrzeb. Poniższy przykład pokazuje, jak programiści mogą dostosować hierarchie węzłów w swoich własnych aplikacjach Node.js.

Jak dostosować hierarchie węzłów w aplikacjach 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);

Konwersja plików 3D glTF w Node.js

SDK glTF-Transform w pełni obsługuje konwersję plików glTF pomiędzy różnymi wersjami i rozszerzeniami w aplikacjach Node.js. Ta funkcja jest szczególnie przydatna do zapewnienia kompatybilności z różnymi platformami i aplikacjami. Biblioteka może również eksportować pliki glTF do innych formatów plików, ułatwiając szersze wykorzystanie i integrację.

 Polski