# Show HN: Svelte와 Three.js 기반의 웹용 3D 프레임워크

> Clean Markdown view of GeekNews topic #14582. Use the original source for factual precision when an external source URL is present.

## Metadata

- GeekNews HTML: [https://news.hada.io/topic?id=14582](https://news.hada.io/topic?id=14582)
- GeekNews Markdown: [https://news.hada.io/topic/14582.md](https://news.hada.io/topic/14582.md)
- Type: GN+
- Author: [neo](https://news.hada.io/@neo)
- Published: 2024-04-30T20:34:52+09:00
- Updated: 2024-04-30T20:34:52+09:00
- Original source: [threlte.xyz](https://threlte.xyz/)
- Points: 4
- Comments: 0

## Topic Body

### Threlte 소개
- Threlte는 Svelte와 Three.js 위에 구축된 웹용 3D 프레임워크
- Threlte를 사용하면 Three.js의 모든 기능을 선언적인 방식으로 사용 가능
- Threlte의 렌더링 컴포넌트로 장면을 구성하고 나머지는 Threlte가 처리
- Svelte 컴포넌트의 라이프사이클을 활용하여 이벤트 구독, 상태 변경 처리 등이 가능

### Threlte 생태계
- Threlte는 최고 수준의 물리 엔진인 Rapier, 전문적인 모션 디자인 도구 세트가 있는 애니메이션 라이브러리인 Theatre.js, GLTF 파일을 Threlte 컴포넌트로 변환하는 도구인 @threlte/gltf와 같은 통합 기능 제공 
- @threlte/extras는 시작하는 데 유용한 컴포넌트 및 유틸리티 모음 제공

### Threlte 플러그인
- Threlte의 핵심에는 <T> 컴포넌트 하나가 있음
- 플러그인을 사용하여 <T>에 사용자 정의 props와 이벤트를 추가할 수 있음

### GN⁺의 의견
- Threlte는 Three.js와 Svelte를 결합한 웹 3D 프레임워크로, 선언적이고 사용하기 쉬운 API를 제공하여 웹에서 3D 앱 개발을 간소화함
- 물리 엔진, 애니메이션 라이브러리, GLTF 변환 도구 등 강력한 통합 기능과 유용한 컴포넌트를 제공하여 개발자 경험을 향상시킴
- 다만 Three.js에 의존하므로 성능 문제가 발생할 수 있고, Svelte 생태계에 한정되어 있어 다른 프레임워크 사용자는 사용하기 어려울 수 있음
- 웹에서 3D를 사용하는 프로젝트를 고려 중이라면 Threlte를 검토해 볼만한 가치가 있어 보이며, 특히 Svelte 사용자라면 더욱 매력적인 선택지가 될 것으로 보임

## Comments



_No public comments on this page._