Things-Scene

Things-Scene은 웹 애플리케이션을 위한 2D 그래픽 라이브러리입니다.

주요 특징

• 캔버스 기반 고성능 2D 렌더링
• 컴포넌트 기반 아키텍처
• ESM 및 UMD 형식 지원
• TypeScript 타입 정의 제공

설치

# npm 사용
npm install @hatiolab/things-scene

# yarn 사용
yarn add @hatiolab/things-scene

사용 방법

ESM 방식 (권장)

import { Scene, Component } from '@hatiolab/things-scene'

// 씬 생성 및 렌더링

UMD 방식

<script src="node_modules/@hatiolab/things-scene/things-scene-min.js"></script>
<script>
  const { Scene, Component } = window['things-scene']
  // 씬 생성 및 렌더링
</script>

빌드 시스템

이 프로젝트는 Rollup을 통해 다음 포맷으로 빌드됩니다:

| 포맷 | 파일명 | 용도 | 비고 | | ---- | ------------------- | ------------- | ----------------------- | | ESM | things-scene.mjs | 최신 브라우저 | 권장 사용 포맷 | | UMD | things-scene-min.js | 모든 환경 | 레거시 지원 및 번들링용 |

# 빌드 실행
npm run build

개발 환경

개발을 위한 자세한 내용은 DEVELOPMENT.md를 참조하세요.

# 개발 서버 실행
npm run serve:dev

배포

배포 절차는 DEPLOYMENT.md를 참조하세요.

TypeScript 지원

이 프로젝트는 TypeScript 타입 정의를 제공합니다. 기존 JavaScript 코드는 유지하면서 TypeScript 타입 시스템을 활용할 수 있습니다.

# 타입 검사 실행
npm run type-check

라이선스

이 프로젝트는 독점 라이선스로 배포됩니다.
라이선스 정보: http://things-scene.hatiolab.com/EULA/