Package Exports

@hatiolab/things-scene
@hatiolab/things-scene/things-scene-min.js
@hatiolab/things-scene/things-scene.mjs

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (@hatiolab/things-scene) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

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/