- 변경 로그
GLTF 파일 뷰어의 새로운 기능과 개선 사항을 추적하세요
STL에서 GLTF 뷰어로의 혁신적인 마이그레이션과 9개 언어의 완전한 국제화, 고급 기능 및 전문적인 코드 품질
2025/09/16
출시일: 2025년 9월 16일 버전: v2.0.0 상태: 메이저 릴리스 - 플랫폼 마이그레이션
GLTF Viewer v2.0.0은 STL에서 GLTF 기술로의 완전한 마이그레이션이라는 역사적 전환점을 표시합니다. 이 포괄적인 변화는 현대적인 3D 시각화, 고급 씬 관리 기능, 그리고 차세대 3D 콘텐츠 제작을 위한 전문 개발 도구를 제공합니다.
src/components/stl-viewer → src/components/gltf-viewer// 9개 언어 완전 지원
const 지원언어 = {
languages: ['de', 'en', 'es', 'fr', 'it', 'ja', 'ko', 'pl', 'zh'],
범위: '모든 UI 컴포넌트의 100%',
문서: '완전히 현지화',
changelogs: '다국어 버전 기록',
// 전문적인 현지화
현지화: {
기술용어: '전문적으로 번역',
사용자인터페이스: '문화적으로 적응',
문서: '네이티브 언어 패턴',
메타데이터: 'SEO 최적화'
}
};// 고급 측정 기능
const 측정시스템 = new GLTFMeasurementSystem({
// 정밀 측정
측정: {
거리: '서브밀리미터 정확도',
각도: '0.1도 정밀도',
치수: '3D 바운딩 분석',
표면: '면적-부피 계산'
},
// 전문 도구
도구: {
캘리퍼: '디지털 정밀 캘리퍼',
각도기: '각도 측정 도구',
자: '멀티스케일 측정',
그리드: '맞춤형 측정 그리드'
},
// 내보내기 기능
내보내기: {
리포트: '상세 측정 리포트',
주석: '영구 씬 마크업',
표준: '업계 표준 형식',
통합: 'CAD 소프트웨어 호환성'
}
});// 포괄적인 개발자 지원
const 개발자리소스 = {
// 문서
문서: {
API참조: '완전히 문서화',
코드예제: '프로덕션 준비 예제',
통합가이드: '단계별 튜토리얼',
모범사례: '업계 표준'
},
// 국제화
i18n: {
번역키: '체계적으로 조직',
복수형화: '문법적으로 정확',
날짜형식: '지역별 적응',
숫자형식: '문화적 배려'
},
// 품질 보증
품질보증: {
테스트커버리지: '95% 이상 커버리지',
브라우저테스트: '포괄적 호환성',
성능테스트: '실제 시나리오',
접근성테스트: 'WCAG 준수'
}
};// 성능 최적화 렌더링 파이프라인
const 렌더링최적화 = {
// WebGL 개선
webgl: {
컨텍스트: '멀티컨텍스트 관리',
셰이더: '최적화된 셰이더 컴파일',
텍스처: '지능적 텍스처 스트리밍',
지오메트리: '세부 수준 최적화'
},
// 메모리 관리
메모리: {
가비지컬렉션: '사전 예방적 클린업',
에셋캐시: '지능적 에셋 캐싱',
스트리밍: '점진적 로딩',
압축: '실시간 압축 해제'
},
// 사용자 경험
사용자경험: {
로딩시간: '초기 로딩 50% 빨라짐',
상호작용: '100ms 미만 응답 시간',
애니메이션: '60fps 보장',
확장성: '무제한 씬 복잡성'
}
};// 엔터프라이즈 준비 기능
const 엔터프라이즈기능 = {
// 보안 및 규정 준수
보안: {
인증: '엔터프라이즈 SSO 통합',
권한: '역할 기반 액세스 제어',
암호화: '엔드투엔드 데이터 보호',
규정준수: 'GDPR-HIPAA-SOC2 준비'
},
// 커스터마이징 및 브랜딩
커스터마이징: {
화이트라벨: '완전히 커스터마이즈 가능',
브랜딩: '기업 아이덴티티 통합',
워크플로우: '커스텀 비즈니스 프로세스',
리포트: '상세 분석 대시보드'
},
// 통합 및 API
통합: {
REST_API: '포괄적 API 커버리지',
웹훅: '실시간 이벤트 알림',
자동화: '워크플로우 자동화 도구',
마이그레이션: '원활한 데이터 마이그레이션'
}
};// 모바일 특화 개선사항
const 모바일최적화 = {
// 터치 상호작용
터치: {
제스처: '직관적 멀티터치',
정밀도: '서브픽셀 정확도',
피드백: '햅틱 응답 지원',
접근성: 'VoiceOver 통합'
},
// 성능 조정
성능: {
렌더링: '적응형 품질 스케일링',
배터리: '에너지 효율적 알고리즘',
대역폭: '점진적 에셋 로딩',
저장소: '지능적 캐싱 전략'
},
// 사용자 인터페이스
인터페이스: {
레이아웃: '반응형 그리드 시스템',
컨트롤: '엄지손가락 친화적 상호작용',
타이포그래피: '읽기 쉬운 폰트 스케일링',
색상: '고대비 접근성'
}
};플랫폼 마이그레이션: 364개 파일 수정으로 완전한 STL-to-GLTF 변환 국제적 범위: 문화적으로 적응된 현지화로 9개 언어 코드 우수성: 린트 오류 제로 및 130개 정적 페이지 성공적 빌드 전문가 준비: 엔터프라이즈 통합 및 교육 기능
GLTF Viewer v2.0.0은 현대적 3D 기술과 글로벌 접근성을 결합한 완전한 플랫폼 혁신을 나타냅니다. 이 버전은 비교할 수 없는 품질, 성능, 국제적 범위를 가진 전문적 3D 시각화의 새로운 시대를 확립합니다.
전체 화면 모드, 스크린샷, 3D 인쇄 워크플로우를 위한 편리한 공유 옵션을 갖춘 최적화된 GLTF 모델 시각화
2024/12/01
출시일: 2024년 12월 1일 버전: v1.4.0 상태: 프로덕션 출시
GLTF Viewer v1.4.0은 몰입형 전체 화면 경험, 고급 렌더링 기능, 포괄적인 공유 도구를 통해 3D 씬 시각화를 전문적 표준으로 끌어올립니다. 이번 릴리스는 3D 전문가들이 시네마 품질의 렌더링과 원활한 워크플로우 통합을 통해 GLTF 씬을 발표하고, 협업하며, 문서화하는 방법을 변화시킵니다.
// 전문적 전체 화면 뷰어
const fullscreenViewer = new FullscreenSceneViewer({
// 몰입형 렌더링 옵션
rendering: {
quality: 'ultra-high',
antiAliasing: 'MSAA-8x',
shadowQuality: 'ultra',
reflectionAccuracy: 'real-time'
},
// 인터랙티브 컨트롤
controls: {
toolbar: 'auto-hide',
hotkeys: 'professional',
gestureSupport: 'enhanced',
precisionMode: 'enabled'
},
// 프레젠테이션 기능
presentation: {
walkthrough: 'guided',
annotations: 'interactive',
transitions: 'cinematic',
narration: 'supported'
}
});// 포괄적인 애니메이션 시스템
const animationController = new GLTFAnimationController({
// 타임라인 기능
timeline: {
scrubbing: 'frame-accurate',
markers: 'keyframe-based',
waveform: 'audio-synchronized',
preview: 'real-time'
},
// 재생 컨트롤
playback: {
speeds: [0.1, 0.25, 0.5, 1, 2, 5, 10],
looping: ['none', 'repeat', 'ping-pong'],
blending: 'smooth-transitions',
synchronization: 'multi-track'
},
// 고급 기능
advanced: {
morphTargets: 'interpolated',
skeletalAnimation: 'bone-accurate',
propertyAnimation: 'bezier-curves',
cameraAnimation: 'cinematic'
}
});// 고급 머티리얼 검사 시스템
const materialInspector = new MaterialInspector({
// PBR 머티리얼 분석
pbrAnalysis: {
metallicRoughness: 'interactive-sliders',
normalMapping: 'real-time-preview',
emissive: 'hdr-accurate',
transparency: 'alpha-blending-modes'
},
// 텍스처 검사
textureInspection: {
resolution: 'up-to-8k',
mipmapping: 'detailed-analysis',
compression: 'format-detection',
memoryUsage: 'real-time-monitoring'
},
// 렌더링 최적화
optimization: {
lodGeneration: 'automatic',
textureOptimization: 'smart-compression',
drawCallBatching: 'material-based',
cullingOptimization: 'frustum-occlusion'
}
});// 전문적 스크린샷 시스템
const screenshotGenerator = new AdvancedScreenshotGenerator({
// 고해상도 렌더링
resolution: {
standard: ['1920x1080', '2560x1440', '3840x2160'],
custom: 'up-to-16k',
supersampling: 'up-to-4x',
aspectRatios: 'custom-supported'
},
// 내보내기 옵션
export: {
formats: ['png', 'jpeg', 'webp', 'tiff'],
quality: 'adjustable',
compression: 'lossless-lossy',
metadata: 'embedded'
},
// 합성 기능
composition: {
transparentBackground: true,
layerExport: 'separate-channels',
postProcessing: 'optional-effects',
watermarking: 'customizable'
}
});// 협업 및 공유 시스템
const collaborationSystem = new CollaborationManager({
// 실시간 공유
sharing: {
linkGeneration: 'secure-tokens',
permissions: 'view-edit-admin',
expiration: 'configurable',
analytics: 'view-tracking'
},
// 팀워크 기능
teamwork: {
comments: 'threaded-discussions',
annotations: 'persistent-markers',
approvals: 'workflow-integrated',
notifications: 'real-time-updates'
},
// 통합 옵션
integrations: {
slack: 'notifications-sharing',
teams: 'direct-integration',
email: 'automated-reports',
jira: 'issue-linking'
}
});// 교육 기능
const educationFeatures = new EducationalEnhancer({
// 학습 도구
learning: {
guidedTours: 'step-by-step-lessons',
interactiveQuizzes: 'scene-based-questions',
progressTracking: 'learning-analytics',
certifications: 'skill-verification'
},
// 교실 기능
classroom: {
multiUser: 'synchronized-viewing',
presentation: 'instructor-led',
assignments: 'practical-exercises',
grading: 'automated-assessment'
},
// 콘텐츠 제작
contentCreation: {
lessonPlanning: 'curriculum-integration',
resourceSharing: 'educator-library',
studentPortfolios: 'project-galleries',
parentalDashboard: 'progress-reports'
}
});시각적 우수성: 전체 화면 몰입으로 시네마 품질 렌더링 전문적 공유: 협업 및 프레젠테이션을 위한 포괄적 도구 애니메이션 숙련도: 고급 타임라인 컨트롤 및 키프레임 관리 기업 준비완료: 전문 워크플로우와의 완전한 통합 지원
GLTF Viewer v1.4.0은 포괄적인 전문 3D 시각화 플랫폼으로의 변화를 완성하여, 웹 기반 도구의 접근성과 편의성을 유지하면서 데스크톱 애플리케이션에 견줄 만한 고급 3D 콘텐츠 제작, 검토 및 공유 워크플로우에 필요한 모든 도구를 제공합니다.
9개 언어 국제화, 모바일 최적화, 개선된 접근성 기능을 통한 사용자 경험 향상
2024/09/10
출시일: 2024년 9월 10일 버전: v1.3.0 상태: 프로덕션 출시
GLTF Viewer v1.3.0은 플랫폼을 진정한 글로벌 3D 개발 도구로 변화시켜 언어 장벽과 디바이스 제약을 제거합니다. 이번 릴리스는 포괄적인 모바일 최적화, 완전한 국제화 지원, 그리고 전 세계 3D 전문가들이 모든 디바이스와 플랫폼에서 효과적으로 작업할 수 있도록 하는 향상된 접근성 기능을 제공합니다.
// 모바일 최적화 상호작용 시스템
const mobileControls = new TouchController({
// 멀티터치 씬 내비게이션
panGesture: 'two-finger',
zoomGesture: 'pinch',
rotateGesture: 'single-finger',
// 터치 최적화 측정 도구
measurementTool: {
tapToMeasure: true,
longPressSelect: true,
doubleTapZoom: true
},
// 지원 디바이스용 햅틱 피드백
hapticFeedback: 'adaptive',
// 제스처 인식 최적화
gestureThreshold: 'mobile-optimized'
});// 포괄적인 i18n 구현
const i18nConfig = {
// 자동 언어 감지
autoDetect: true,
// 폴백 언어 전략
fallbackLanguage: 'en',
// 숫자 및 단위 현지화
numberFormatting: {
decimal: 'locale-specific',
thousands: 'locale-specific',
currency: 'locale-aware'
},
// 날짜 및 시간 현지화
dateTimeFormatting: 'locale-aware',
// 측정 단위 설정
measurementUnits: {
metric: ['de', 'fr', 'it', 'es', 'pl', 'zh'],
imperial: ['en'],
mixed: ['ja', 'ko']
}
};// 접근성 향상 시스템
const a11yEnhancer = new AccessibilityEnhancer({
// 스크린 리더 최적화
screenReader: {
sceneDescription: 'detailed',
nodeAnnouncement: 'hierarchical',
measurementReadout: 'precise',
progressAnnouncement: 'verbose'
},
// 키보드 탐색
keyboardShortcuts: {
sceneNavigation: 'arrow-keys',
nodeSelection: 'tab-navigation',
measurementTools: 'custom-shortcuts',
viewControls: 'standard-shortcuts'
},
// 시각적 접근성
visualEnhancements: {
highContrast: 'automatic',
focusIndicators: 'enhanced',
colorBlindSupport: 'comprehensive',
motionReduction: 'respected'
}
});글로벌 도달범위: 전 세계 20억 명 이상의 원어민을 지원하는 9개 언어 모바일 우수성: 모든 모바일 플랫폼에서 네이티브 품질 경험 접근성: 포괄적인 보조 기술 지원으로 완전한 WCAG 2.1 AA 준수 문화적 적응: 문화적 인식을 갖춘 정중한 현지화
GLTF Viewer v1.3.0은 글로벌 3D 개발 협업의 장벽을 제거하여, 언어, 디바이스 제한 또는 접근성 요구사항이 현대 3D 개발 생태계 참여를 방해하지 않도록 보장합니다.
GLTF 뷰어 환경을 위한 최적화된 파일 처리 및 메모리 관리
2024/06/15
출시일: 2024년 6월 15일 버전: v1.2.0 상태: 프로덕션 출시
GLTF Viewer v1.2.0은 전체 렌더링 파이프라인에서 상당한 성능 향상을 제공합니다. 이번 릴리스는 복잡한 3D 씬 처리, 메모리 관리, 그리고 WebGL 렌더링 성능 최적화에 중점을 두어 대용량 GLTF 파일과 복잡한 씬 계층 구조를 다루는 전문적인 워크플로우를 지원합니다.
// 고성능 렌더링 최적화
const renderer = new OptimizedGLTFRenderer({
// 셰이더 컴파일 캐싱
shaderCache: new ShaderCache(),
// 반복되는 객체에 대한 지오메트리 인스턴싱
instancedRendering: true,
// 텍스처 아틀라스 최적화
textureAtlasing: true,
// 대규모 씬을 위한 프러스텀 컬링
frustumCulling: true,
// 레벨 오브 디테일 시스템
lodSystem: new AdaptiveLODSystem()
});| 씬 타입 | 이전 | v1.2.0 | 개선 |
|---|---|---|---|
| 게임 캐릭터 (5MB) | 3.2초 | 1.1초 | 65% 빨라짐 |
| 건축 씬 (25MB) | 12.5초 | 5.2초 | 58% 빨라짐 |
| 차량 모델 (50MB) | 28.3초 | 14.7초 | 48% 빨라짐 |
| 복잡한 환경 (100MB) | 45.8초 | 28.1초 | 39% 빨라짐 |
// 씬 복잡도에 기반한 지능형 로딩
const loadingStrategy = new AdaptiveLoader({
// 대규모 씬을 위한 점진적 로딩
enableProgressiveLoading: true,
// 보이는 콘텐츠 우선 로딩
visibilityBasedLoading: true,
// 디바이스 성능에 기반한 적응형 품질
qualityScaling: 'adaptive',
// 메모리 압박 처리
memoryPressureThreshold: 0.85
});// 모바일 전용 최적화
const mobileOptimizer = new MobilePerformanceOptimizer({
// 모바일용 품질 설정 감소
autoQualityAdjustment: true,
// 보수적인 메모리 사용
memoryConstraints: 'mobile',
// 터치 최적화 상호작용
touchOptimization: true,
// 배터리 절약 렌더링
powerSaving: true
});// 성능 최적화 API
const optimizer = new SceneOptimizer({
// 자동 LOD 생성
generateLODs: true,
// 텍스처 압축
textureCompression: 'auto',
// 지오메트리 단순화
geometryOptimization: true,
// 애니메이션 최적화
animationCompression: true
});
// 최적화 권장사항 가져오기
const recommendations = optimizer.analyzeScene(gltfScene);성능 달성: 모든 씬 타입에서 2-3배 빠른 로딩 메모리 효율성: 메모리 누수 없이 40% 메모리 사용량 감소 렌더링 최적화: 현대 하드웨어에서 60 FPS 지속 성능 크로스 플랫폼: 지원되는 모든 브라우저와 디바이스에서 일관된 성능
GLTF Viewer v1.2.0은 브라우저 기반 3D 시각화의 새로운 성능 표준을 설정하여, 웹 기반 도구의 단순함과 접근성을 유지하면서 복잡한 GLTF 씬으로 전문적인 워크플로우를 가능하게 합니다.
3D 프린팅 준비를 위한 거리, 각도, 치수 분석 측정 기능 추가
2024/03/20
GLTF Viewer v1.1.0에서 대화형 측정 및 분석 도구를 도입합니다. 이 업데이트는 3D 프린팅 준비, 제품 설계 검증, 품질 관리를 위한 전문적인 측정 기능을 제공하여 개발자와 엔지니어의 워크플로우를 크게 향상시킵니다.
마이크로미터 수준의 정밀도로 3D 공간에서 점 간 거리를 측정:
// 거리 측정 API
const measureTool = viewer.getMeasureTool();
// 두 점 간 거리 측정
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, // 밀리미터 정밀도
units: 'mm'
});
// 측정 결과 이벤트 처리
measureTool.on('measurementComplete', (result) => {
console.log(`거리: ${result.distance} ${result.units}`);
console.log(`정확도: ±${result.tolerance} ${result.units}`);
});복잡한 3D 기하학에서 각도와 회전을 정확하게 측정:
// 각도 측정 구성
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', // 또는 'radians'
showArc: true
};
measureTool.measureAngle(angleConfig);산업 표준 치수 표기법을 사용한 포괄적인 치수 분석:
// 바운딩 박스 치수 측정
const dimensionResult = measureTool.getDimensions({
targetObject: 'mesh_001',
includeRotation: true,
coordinateSystem: 'world' // 또는 'local'
});
console.log('전체 치수:', dimensionResult);
// 출력: { width: 45.2, height: 30.8, depth: 12.5, volume: 17234.6 }모든 측정값을 추적하고 관리하는 포괄적인 시스템:
// 측정 세션 생성
const session = measureTool.createSession({
name: "품질 검사 - 2024-03-20",
project: "상품_모델_v2.1",
inspector: "김엔지니어"
});
// 측정값을 세션에 추가
session.addMeasurement({
type: 'distance',
value: 45.67,
tolerance: ±0.1,
status: 'within_spec'
});측정 데이터를 다양한 형식으로 내보내기:
| 형식 | 용도 | 포함 데이터 |
|---|---|---|
| CSV | 스프레드시트 분석 | 모든 측정값, 타임스탬프, 좌표 |
| 공식 보고서 | 시각적 표시, 치수 도면, 요약 | |
| JSON | API 통합 | 구조화된 데이터, 메타데이터 |
| DXF | CAD 소프트웨어 | 치수 주석, 기하학적 참조 |
// 보고서 생성 및 내보내기
const report = session.generateReport({
format: 'pdf',
includeScreenshots: true,
addTechnicalDrawings: true,
template: 'industrial_inspection'
});
report.download('quality_inspection_report.pdf');설계 사양에 대한 자동 공차 확인:
// 공차 사양 정의
const toleranceSpec = {
dimensions: [
{ name: '주요_길이', nominal: 100.0, tolerance: ±0.5 },
{ name: '구멍_직경', nominal: 12.0, tolerance: ±0.1 },
{ name: '각도_A', nominal: 90.0, tolerance: ±2.0 }
]
};
// 자동 검증 실행
const validation = measureTool.validateTolerances(toleranceSpec);
validation.forEach(result => {
console.log(`${result.name}: ${result.status} (${result.deviation})`);
});측정 데이터의 통계적 분석 및 품질 메트릭:
// 측정 정확도 통계
const statistics = measureTool.getStatistics({
measurements: session.getAllMeasurements(),
analysisType: 'quality_control'
});
console.log('통계 요약:', {
mean: statistics.mean,
standardDeviation: statistics.stdDev,
cpk: statistics.processCapability,
confidence: statistics.confidenceLevel
});마우스와 터치 입력 모두에 최적화된 사용자 친화적 인터페이스:
터치 디바이스에서의 정밀한 측정을 위한 모바일 친화적 컨트롤:
// 모바일 터치 최적화 설정
measureTool.configureMobile({
touchSensitivity: 'high',
gestureSupport: true,
snapRadius: 15, // 픽셀 단위
vibrationFeedback: true
});| 측정 유형 | 정확도 | 최대 범위 | 지원 단위 |
|---|---|---|---|
| 선형 거리 | ±0.001mm | 무제한 | mm, cm, m, in, ft |
| 각도 | ±0.01° | 360° | degrees, radians |
| 표면적 | ±0.1% | 100m² | mm², cm², m², in², ft² |
| 부피 | ±0.1% | 1000m³ | mm³, cm³, m³, in³, ft³ |
이 측정 도구는 다양한 산업 분야에서 품질 관리 및 검증 목적으로 활용됩니다:
GLTF Viewer v1.1.0의 측정 도구는 전문적인 3D 분석 워크플로우에 필수적인 정밀도와 효율성을 제공하여, 디지털 제조 및 품질 보증 프로세스를 혁신적으로 개선합니다.
3D 프린팅 전문가를 위한 브라우저 기반 GLTF 파일 뷰어, 소프트웨어 설치 없이 즉시 접근
2024/01/15
GLTF Viewer v1.0.0을 출시합니다. 이 브라우저 기반 3D 모델 시각화 플랫폼은 게임 개발자, AR/VR 제작자, 기술 아티스트가 복잡한 GLTF 파일을 설치 없이 바로 분석할 수 있는 전문적인 도구입니다.
GLTF Viewer는 WebGL을 기반으로 한 강력한 렌더링 엔진을 제공하여, 복잡한 장면 그래프와 메타데이터를 완벽하게 지원합니다:
// 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
});몰입형 3D 뷰어 경험을 위한 전체화면 모드:
계층적 모델 구조를 위한 고급 탐색 시스템:
// 장면 그래프 탐색 API
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}`);
}
});| 기능 | 사양 |
|---|---|
| 지원 형식 | GLTF 2.0 (.glb, .gltf) |
| 최대 파일 크기 | 무제한 (메모리 허용 범위 내) |
| WebGL 요구사항 | WebGL 2.0 지원 필수 |
| 브라우저 호환성 | Chrome 80+, Firefox 75+, Safari 13+ |
| 애니메이션 지원 | 스켈레탈, 모핑, 변환 애니메이션 |
| 텍스처 지원 | 모든 glTF 2.0 텍스처 형식 |
메모리 관리와 대용량 파일 처리를 위한 고급 최적화:
// 성능 최적화 설정
const optimizationSettings = {
enableLOD: true,
frustumCulling: true,
occlusionCulling: false,
maxDrawCalls: 1000,
textureCompression: 'auto'
};
viewer.setOptimizationSettings(optimizationSettings);견고한 오류 경계 구현으로 안정적인 사용자 경험 보장:
// 오류 처리 예시
viewer.on('error', (error) => {
switch(error.type) {
case 'UNSUPPORTED_FORMAT':
showError('지원되지 않는 파일 형식입니다.');
break;
case 'WEBGL_ERROR':
showError('WebGL을 지원하지 않는 브라우저입니다.');
break;
case 'MEMORY_LIMIT':
showError('파일이 너무 크거나 메모리가 부족합니다.');
break;
}
});GLTF Viewer v1.0.0은 현대적인 웹 기술 스택을 활용하여 데스크톱 수준의 3D 시각화 경험을 브라우저에서 제공합니다. 개발자 워크플로우에 완전히 통합되어 GLTF 모델의 검증, 최적화, 분석을 위한 원스톱 솔루션을 제공합니다.
이 첫 번째 릴리스는 강력한 기반을 마련하며, 앞으로 더욱 진보된 분석 도구와 협업 기능을 추가할 예정입니다.