Śledź nowe funkcje i ulepszenia przeglądarki plików GLTF
Rewolucyjna migracja z STL do GLTF Viewer z pełną internacjonalizacją w 9 językach, zaawansowanymi funkcjami i profesjonalną jakością kodu
2025/09/16
Data Wydania: 16 września 2025 Wersja: v2.0.0 Status: Major Release - Migracja Platformy
GLTF Viewer v2.0.0 oznacza historyczny punkt zwrotny z pełną migracją z technologii STL do GLTF. Ta kompleksowa transformacja wnosi nowoczesną wizualizację 3D, zaawansowane funkcje zarządzania scenami i profesjonalne narzędzia deweloperskie dla następnej generacji tworzenia treści 3D.
src/components/stl-viewer → src/components/gltf-viewer// Pełne wsparcie dla 9 języków
const obsługiwaneJęzyki = {
languages: ['de', 'en', 'es', 'fr', 'it', 'ja', 'ko', 'pl', 'zh'],
pokrycie: '100% wszystkich komponentów UI',
dokumentacja: 'Całkowicie zlokalizowana',
changelogs: 'Wielojęzyczna historia wersji',
// Profesjonalna lokalizacja
lokalizacja: {
terminologiaTechniczna: 'Profesjonalnie tłumaczona',
interfejsUżytkownika: 'Kulturowo dostosowany',
dokumentacja: 'Natywne wzorce językowe',
metadane: 'Zoptymalizowane dla SEO'
}
};// Zaawansowana funkcjonalność pomiarowa
const systemPomiarowy = new GLTFMeasurementSystem({
// Precyzyjne pomiary
pomiary: {
odległość: 'precyzja-submilimetrowa',
kąty: 'precyzja-0.1-stopnia',
wymiary: 'analiza-bounding-3d',
powierzchnia: 'obliczenia-pole-objętość'
},
// Profesjonalne narzędzia
narzędzia: {
suwmiarka: 'cyfrowe-suwmiarki-precyzyjne',
kątomierz: 'narzędzia-pomiaru-kątów',
linijka: 'pomiar-wieloskalowy',
siatka: 'siatka-pomiarowa-konfigurowalna'
},
// Funkcje eksportu
eksport: {
raporty: 'szczegółowe-raporty-pomiarowe',
adnotacje: 'trwałe-oznaczenia-sceny',
standardy: 'formaty-standardu-przemysłowego',
integracja: 'kompatybilność-oprogramowania-cad'
}
});// Kompleksowe wsparcie dla deweloperów
const zasobyDeweloperów = {
// Dokumentacja
dokumentacja: {
referencjaApi: 'całkowicie-udokumentowana',
przykładyKodu: 'przykłady-gotowe-do-produkcji',
przewodnikiIntegracji: 'tutoriale-krok-po-kroku',
najlepszePoaktyki: 'standardy-przemysłowe'
},
// Internacjonalizacja
i18n: {
kluczetłumaczeń: 'systematycznie-zorganizowane',
pluralizacja: 'gramatycznie-poprawna',
formatyDaty: 'dostosowane-regionalnie',
formatyLiczbowe: 'kulturowo-wrażliwe'
},
// Zapewnienie jakości
zapewnienieJakości: {
pokrycieTestów: '95%+ pokrycie',
testyPrzeglądarek: 'kompleksowa-kompatybilność',
testyWydajności: 'scenariusze-świata-rzeczywistego',
testyDostępności: 'zgodność-wcag'
}
};// Pipeline renderingu zoptymalizowany pod kątem wydajności
const optymalizacjaRenderingu = {
// Ulepszenia WebGL
webgl: {
konteksty: 'zarządzanie-multi-kontekstowe',
shadery: 'optymalizowana-kompilacja-shaderów',
tekstury: 'inteligentne-streamowanie-tekstur',
geometria: 'optymalizacja-poziomu-szczegółów'
},
// Zarządzanie pamięcią
pamięć: {
odśmiecanie: 'proaktywne-czyszczenie',
cacheAssetów: 'inteligentne-cachowanie-assetów',
streamowanie: 'ładowanie-progresywne',
kompresja: 'dekompresja-czasu-rzeczywistego'
},
// Doświadczenie użytkownika
doświadczenieUżytkownika: {
czasyŁadowania: '50% szybsze-ładowanie-początkowe',
interakcje: 'czasy-odpowiedzi-poniżej-100ms',
animacje: '60fps-gwarantowane',
skalowanie: 'nieograniczona-złożoność-sceny'
}
};// Funkcje gotowe dla enterprise
const funkcjeEnterprise = {
// Bezpieczeństwo i zgodność
bezpieczeństwo: {
uwierzytelnianie: 'integracja-sso-enterprise',
autoryzacja: 'kontrola-dostępu-oparta-na-rolach',
szyfrowanie: 'ochrona-danych-end-to-end',
zgodność: 'gdpr-hipaa-soc2-gotowe'
},
// Personalizacja i branding
personalizacja: {
białaEtykieta: 'całkowicie-konfigurowalne',
branding: 'integracja-tożsamości-korporacyjnej',
przepływyPracy: 'niestandardowe-procesy-biznesowe',
raporty: 'szczegółowe-dashboardy-analytics'
},
// Integracja i API
integracja: {
apiRest: 'kompleksowe-pokrycie-api',
webhooks: 'powiadomienia-zdarzeń-czasu-rzeczywistego',
automatyzacja: 'narzędzia-automatyzacji-workflow',
migracja: 'bezproblemowa-migracja-danych'
}
};// Ulepszenia specyficzne dla mobile
const optymalizacjaMobilna = {
// Interakcje dotykowe
dotyk: {
gesty: 'intuitywny-multi-touch',
precyzja: 'precyzja-sub-pikselowa',
feedback: 'wsparcie-odpowiedzi-haptycznej',
dostępność: 'integracja-voice-over'
},
// Dostrojenia wydajności
wydajność: {
renderowanie: 'adaptacyjne-skalowanie-jakości',
bateria: 'algorytmy-efektywne-energetycznie',
przepustowość: 'progresywne-ładowanie-assetów',
pamięć: 'inteligentne-strategie-cachowania'
},
// Interfejs użytkownika
interfejs: {
układ: 'responsywny-system-siatki',
kontrole: 'interakcje-przyjazne-kciukowi',
typografia: 'czytelne-skalowanie-czcionek',
kolory: 'dostępność-wysokiego-kontrastu'
}
};Migracja Platformy: Kompletna transformacja STL-do-GLTF z 364 plikami zmodyfikowanymi Zasięg Międzynarodowy: 9 języków z kulturowo dostosowaną lokalizacją Doskonałość Kodu: Zero błędów lint i 130 stron statycznych zbudowanych pomyślnie Gotowość Profesjonalna: Integracja enterprise i funkcje edukacyjne
GLTF Viewer v2.0.0 reprezentuje kompletne odnowienie platformy, które łączy nowoczesną technologię 3D z globalną dostępnością. Ta wersja ustanawia nową erę profesjonalnej wizualizacji 3D o niezrównanej jakości, wydajności i zasięgu międzynarodowym.
Optymalizacja wizualizacji modeli GLTF z trybem pełnoekranowym, przechwytywaniem zrzutów ekranu i wygodnymi opcjami udostępniania dla przepływów pracy rozwoju gier i AR/VR
2024/12/01
Data wydania: 1 grudnia 2024 Wersja: v1.4.0 Status: Wydanie produkcyjne
GLTF Viewer v1.4.0 podnosi wizualizację scen 3D do profesjonalnych standardów dzięki immersyjnym doświadczeniom pełnoekranowym, zaawansowanym możliwościom renderowania i kompleksowym narzędziom udostępniania. To wydanie przekształca sposób, w jaki profesjonaliści 3D prezentują, współpracują i dokumentują swoje sceny GLTF dzięki renderowaniu w jakości kinowej i bezproblemowej integracji przepływu pracy.
// Profesjonalna przeglądarka pełnoekranowa
const fullscreenViewer = new FullscreenSceneViewer({
// Opcje renderowania immersyjnego
rendering: {
quality: 'ultra-high',
antiAliasing: 'MSAA-8x',
shadowQuality: 'ultra',
reflectionAccuracy: 'real-time'
},
// Kontrolki interaktywne
controls: {
toolbar: 'auto-hide',
hotkeys: 'professional',
gestureSupport: 'enhanced',
precisionMode: 'enabled'
},
// Funkcje prezentacyjne
presentation: {
walkthrough: 'guided',
annotations: 'interactive',
transitions: 'cinematic',
narration: 'supported'
}
});Doskonałość Wizualna: Renderowanie w jakości kinowej z immersją pełnoekranową Profesjonalne Udostępnianie: Kompleksowe narzędzia do współpracy i prezentacji Mistrzostwo Animacji: Zaawansowane kontrolki timeline i zarządzanie klatkami kluczowymi Gotowość Korporacyjna: Pełne wsparcie integracji z profesjonalnymi przepływami pracy
GLTF Viewer v1.4.0 kończy transformację w kompleksową profesjonalną platformę wizualizacji 3D, zapewniając wszystkie narzędzia potrzebne do wysokiej klasy przepływów pracy tworzenia, przeglądu i udostępniania treści 3D, które rywalizują z aplikacjami desktopowymi przy zachowaniu dostępności i wygody narzędzi internetowych.
Ulepszone doświadczenie użytkownika dzięki optymalizacji mobilnej, internacjonalizacji w 9 językach i udoskonalonym funkcjom dostępności
2024/09/10
Data wydania: 10 września 2024 Wersja: v1.3.0 Status: Wydanie produkcyjne
GLTF Viewer v1.3.0 przekształca platformę w prawdziwie globalne narzędzie rozwoju 3D, łamiąc bariery językowe i ograniczenia urządzeń. To wydanie zapewnia kompleksową optymalizację mobilną, pełne wsparcie internacjonalizacji oraz ulepszone funkcje dostępności, które umożliwiają profesjonalistom 3D na całym świecie efektywną pracę na wszystkich urządzeniach i platformach.
// System interakcji zoptymalizowany pod urządzenia mobilne
const mobileControls = new TouchController({
// Nawigacja sceny multi-touch
panGesture: 'two-finger',
zoomGesture: 'pinch',
rotateGesture: 'single-finger',
// Narzędzia pomiarowe zoptymalizowane pod dotyk
measurementTool: {
tapToMeasure: true,
longPressSelect: true,
doubleTapZoom: true
},
// Sprzężenie zwrotne haptyczne dla obsługiwanych urządzeń
hapticFeedback: 'adaptive',
// Optymalizacja rozpoznawania gestów
gestureThreshold: 'mobile-optimized'
});// Kompleksowa implementacja i18n
const i18nConfig = {
// Automatyczne wykrywanie języka
autoDetect: true,
// Strategia języka zastępczego
fallbackLanguage: 'en',
// Lokalizacja liczb i jednostek
numberFormatting: {
decimal: 'locale-specific',
thousands: 'locale-specific',
currency: 'locale-aware'
},
// Lokalizacja daty i czasu
dateTimeFormatting: 'locale-aware',
// Preferencje jednostek miary
measurementUnits: {
metric: ['de', 'fr', 'it', 'es', 'pl', 'zh'],
imperial: ['en'],
mixed: ['ja', 'ko']
}
};Globalny Zasięg: 9 języków wspierających ponad 2 miliardy rodzimych użytkowników na całym świecie Doskonałość Mobilna: Natywna jakość doświadczenia na wszystkich platformach mobilnych Dostępność: Pełna zgodność z WCAG 2.1 AA z kompleksowym wsparciem technologii wspomagających Adaptacja Kulturowa: Pełna szacunku lokalizacja z świadomością kulturową
GLTF Viewer v1.3.0 eliminuje bariery w globalnej współpracy rozwoju 3D, zapewniając, że język, ograniczenia urządzeń czy potrzeby dostępności nigdy nie uniemożliwią profesjonalistom uczestnictwa w nowoczesnym ekosystemie rozwoju 3D.
Zoptymalizowane przetwarzanie plików i zarządzanie pamięcią dla lepszego doświadczenia przeglądania GLTF
2024/06/15
Data wydania: 15 czerwca 2024 Wersja: v1.2.0 Status: Wydanie produkcyjne
GLTF Viewer v1.2.0 zapewnia znaczące poprawy wydajności w całym pipeline renderowania. To wydanie koncentruje się na optymalizacji przetwarzania złożonych scen 3D, zarządzania pamięcią i wydajności renderowania WebGL, aby wspierać profesjonalne przepływy pracy z dużymi plikami GLTF i złożonymi hierarchiami scen.
// Optymalizacje renderowania wysokiej wydajności
const renderer = new OptimizedGLTFRenderer({
// Buforowanie kompilacji shaderów
shaderCache: new ShaderCache(),
// Instancjonowanie geometrii dla powtarzających się obiektów
instancedRendering: true,
// Optymalizacja atlasu tekstur
textureAtlasing: true,
// Frustum culling dla dużych scen
frustumCulling: true,
// System poziomu detali
lodSystem: new AdaptiveLODSystem()
});| Typ Sceny | Wcześniej | v1.2.0 | Poprawa |
|---|---|---|---|
| Postać Gry (5MB) | 3.2s | 1.1s | 65% szybciej |
| Scena Architektoniczna (25MB) | 12.5s | 5.2s | 58% szybciej |
| Model Pojazdu (50MB) | 28.3s | 14.7s | 48% szybciej |
| Złożone Środowisko (100MB) | 45.8s | 28.1s | 39% szybciej |
// Inteligentne ładowanie oparte na złożoności sceny
const loadingStrategy = new AdaptiveLoader({
// Progresywne ładowanie dla dużych scen
enableProgressiveLoading: true,
// Ładowanie oparte na widoczności
visibilityBasedLoading: true,
// Adaptacyjna jakość oparta na możliwościach urządzenia
qualityScaling: 'adaptive',
// Obsługa presji pamięciowej
memoryPressureThreshold: 0.85
});// Optymalizacje specyficzne dla urządzeń mobilnych
const mobileOptimizer = new MobilePerformanceOptimizer({
// Automatyczne dostosowanie jakości dla urządzeń mobilnych
autoQualityAdjustment: true,
// Konserwatywne wykorzystanie pamięci
memoryConstraints: 'mobile',
// Optymalizacja interakcji dotykowych
touchOptimization: true,
// Renderowanie oszczędzające baterię
powerSaving: true
});// API optymalizacji wydajności
const optimizer = new SceneOptimizer({
// Automatyczne generowanie LOD
generateLODs: true,
// Kompresja tekstur
textureCompression: 'auto',
// Uproszczenie geometrii
geometryOptimization: true,
// Optymalizacja animacji
animationCompression: true
});
// Uzyskiwanie rekomendacji optymalizacji
const recommendations = optimizer.analyzeScene(gltfScene);Osiągnięcia Wydajności: 2-3x szybsze ładowanie dla wszystkich typów scen Efektywność Pamięci: 40% redukcja wykorzystania pamięci bez wycieków Optymalizacja Renderowania: Stała wydajność 60 FPS na nowoczesnym sprzęcie Międzyplatformowość: Spójna wydajność na wszystkich obsługiwanych przeglądarkach i urządzeniach
GLTF Viewer v1.2.0 ustanawia nowe standardy wydajności dla wizualizacji 3D w przeglądarce, umożliwiając profesjonalne przepływy pracy ze złożonymi scenami GLTF przy zachowaniu prostoty i dostępności narzędzi internetowych.
Dodanie zdolnosci pomiarowych odleglosci, kata i wymiaru do wsparcia przygotowania druku 3D
2024/03/20
GLTF Viewer v1.1.0 wprowadza interaktywne narzędzia pomiarowe i analityczne. Ta aktualizacja zapewnia profesjonalne funkcje pomiarowe dla przygotowania do druku 3D, walidacji projektów produktów i kontroli jakości, znacznie poprawiając przepływy pracy deweloperów i inżynierów.
Pomiary odległości między punktami w przestrzeni 3D z dokładnością do mikrometra:
// API pomiarów odległości
const measureTool = viewer.getMeasureTool();
// Pomiar odległości między dwoma punktami
measureTool.measureDistance({
startPoint: { x: 10.5, y: 20.3, z: 5.7 },
endPoint: { x: 15.2, y: 18.9, z: 7.1 },
precision: 0.001, // precyzja w milimetrach
units: 'mm'
});
// Obsługa wyników pomiaru
measureTool.on('measurementComplete', (result) => {
console.log(`Odległość: ${result.distance} ${result.units}`);
console.log(`Dokładność: ±${result.tolerance} ${result.units}`);
});Precyzyjne pomiary kątów i rotacji w złożonych geometriach 3D:
// Konfiguracja pomiaru kąta
const angleConfig = {
vertex: { x: 10, y: 20, z: 30 },
arm1: { x: 5, y: 20, z: 30 },
arm2: { x: 15, y: 25, z: 35 },
displayMode: 'degrees', // lub 'radians'
showArc: true
};
measureTool.measureAngle(angleConfig);Kompleksowa analiza wymiarów z wykorzystaniem przemysłowych standardów wymiarowania:
// Pomiar wymiarów bounding box
const dimensionResult = measureTool.getDimensions({
targetObject: 'mesh_001',
includeRotation: true,
coordinateSystem: 'world' // lub 'local'
});
console.log('Pełne wymiary:', dimensionResult);
// Wynik: { width: 45.2, height: 30.8, depth: 12.5, volume: 17234.6 }Kompleksowy system do śledzenia i zarządzania wszystkimi pomiarami:
// Tworzenie sesji pomiarowej
const session = measureTool.createSession({
name: "Kontrola jakości - 2024-03-20",
project: "Model_produktu_v2.1",
inspector: "Jan Kowalski"
});
// Dodawanie pomiaru do sesji
session.addMeasurement({
type: 'distance',
value: 45.67,
tolerance: ±0.1,
status: 'within_spec'
});Eksport danych pomiarowych w różnych formatach:
| Format | Przeznaczenie | Zawartość danych |
|---|---|---|
| CSV | Analiza arkusza kalkulacyjnego | Wszystkie pomiary, znaczniki czasu, współrzędne |
| Oficjalne raporty | Oznaczenia wizualne, rysunki wymiarowe, podsumowanie | |
| JSON | Integracja API | Dane strukturalne, metadane |
| DXF | Oprogramowanie CAD | Adnotacje wymiarowe, odniesienia geometryczne |
// Generowanie i eksport raportu
const report = session.generateReport({
format: 'pdf',
includeScreenshots: true,
addTechnicalDrawings: true,
template: 'industrial_inspection'
});
report.download('raport_kontroli_jakosci.pdf');Automatyczna kontrola tolerancji względem specyfikacji projektowych:
// Definicja specyfikacji tolerancji
const toleranceSpec = {
dimensions: [
{ name: 'główna_długość', nominal: 100.0, tolerance: ±0.5 },
{ name: 'średnica_otworu', nominal: 12.0, tolerance: ±0.1 },
{ name: 'kąt_A', nominal: 90.0, tolerance: ±2.0 }
]
};
// Wykonanie automatycznej walidacji
const validation = measureTool.validateTolerances(toleranceSpec);
validation.forEach(result => {
console.log(`${result.name}: ${result.status} (${result.deviation})`);
});Analiza statystyczna danych pomiarowych i metryki jakości:
// Statystyki dokładności pomiarów
const statistics = measureTool.getStatistics({
measurements: session.getAllMeasurements(),
analysisType: 'quality_control'
});
console.log('Podsumowanie statystyczne:', {
mean: statistics.mean,
standardDeviation: statistics.stdDev,
cpk: statistics.processCapability,
confidence: statistics.confidenceLevel
});Przyjazny dla użytkownika interfejs zoptymalizowany zarówno pod mysz jak i dotyk:
Kontrole przyjazne dla urządzeń mobilnych do precyzyjnych pomiarów na urządzeniach dotykowych:
// Ustawienia optymalizacji dotykowej mobilnej
measureTool.configureMobile({
touchSensitivity: 'high',
gestureSupport: true,
snapRadius: 15, // w pikselach
vibrationFeedback: true
});| Typ pomiaru | Dokładność | Maksymalny zakres | Obsługiwane jednostki |
|---|---|---|---|
| Odległość liniowa | ±0.001mm | Nieograniczona | mm, cm, m, in, ft |
| Kąt | ±0.01° | 360° | stopnie, radiany |
| Powierzchnia | ±0.1% | 100m² | mm², cm², m², in², ft² |
| Objętość | ±0.1% | 1000m³ | mm³, cm³, m³, in³, ft³ |
Te narzędzia pomiarowe znajdują zastosowanie w różnych sektorach przemysłowych do celów kontroli jakości i walidacji:
Narzędzia pomiarowe GLTF Viewer v1.1.0 zapewniają precyzję i efektywność niezbędną w profesjonalnych przepływach pracy analizy 3D, rewolucjonizując procesy cyfrowego wytwarzania i zapewnienia jakości.
Przegladarka plikow GLTF oparta na przegladarce dla profesjonalistow rozwoju gier i AR/VR z natychmiastowym dostepem bez instalacji oprogramowania
2024/01/15
Przedstawiamy GLTF Viewer v1.0.0 - zaawansowaną platformę wizualizacji modeli 3D opartą na przeglądarce, zaprojektowaną dla deweloperów gier, twórców AR/VR oraz artystów technicznych do analizy złożonych plików GLTF bez konieczności instalacji.
GLTF Viewer wykorzystuje potężny silnik renderowania oparty na WebGL, oferując pełne wsparcie dla złożonych grafów sceny i metadanych:
// Przykład ładowania pliku GLTF
const viewer = new GTLFViewer({
container: document.getElementById('viewer-container'),
enablePostProcessing: true,
maxFileSize: 100 * 1024 * 1024, // 100MB
supportedFormats: ['.glb', '.gltf']
});
viewer.loadModel('model.gltf', {
preserveSceneGraph: true,
enableAnimations: true,
optimizeTextures: true
});Immersyjne doświadczenie przeglądania 3D z trybem pełnoekranowym:
Zaawansowany system nawigacji dla hierarchicznych struktur modeli:
// API nawigacji grafu sceny
viewer.sceneGraph.traverse((node) => {
if (node.mesh) {
console.log(`Mesh: ${node.name}, Vertices: ${node.mesh.vertexCount}`);
}
if (node.material) {
console.log(`Material: ${node.material.name}, Type: ${node.material.type}`);
}
});| Funkcja | Specyfikacja |
|---|---|
| Obsługiwane formaty | GLTF 2.0 (.glb, .gltf) |
| Maksymalny rozmiar pliku | Nieograniczony (w ramach pamięci) |
| Wymagania WebGL | Wymagane wsparcie WebGL 2.0 |
| Kompatybilność przeglądarek | Chrome 80+, Firefox 75+, Safari 13+ |
| Wsparcie animacji | Animacje szkieletowe, morfing, transformacje |
| Wsparcie tekstur | Wszystkie formaty tekstur glTF 2.0 |
Zaawansowane optymalizacje dla zarządzania pamięcią i obsługi dużych plików:
// Ustawienia optymalizacji wydajności
const optimizationSettings = {
enableLOD: true,
frustumCulling: true,
occlusionCulling: false,
maxDrawCalls: 1000,
textureCompression: 'auto'
};
viewer.setOptimizationSettings(optimizationSettings);Solidna implementacja granic błędów zapewniająca stabilne doświadczenie użytkownika:
// Przykład obsługi błędów
viewer.on('error', (error) => {
switch(error.type) {
case 'UNSUPPORTED_FORMAT':
showError('Nieobsługiwany format pliku.');
break;
case 'WEBGL_ERROR':
showError('Przeglądarka nie obsługuje WebGL.');
break;
case 'MEMORY_LIMIT':
showError('Plik jest zbyt duży lub brakuje pamięci.');
break;
}
});GLTF Viewer v1.0.0 wykorzystuje nowoczesny stos technologii webowych, aby dostarczyć doświadczenie wizualizacji 3D na poziomie desktopowym bezpośrednio w przeglądarce. Jest w pełni zintegrowany z przepływami pracy deweloperów, oferując kompleksowe rozwiązanie do walidacji, optymalizacji i analizy modeli GLTF.
To pierwsze wydanie ustanawia solidne fundamenty, z planami na dodanie bardziej zaawansowanych narzędzi analitycznych i funkcji współpracy w przyszłości.