# draw-engine-stagejs

**Repository Path**: alphabetabc-viz/draw-engine-stagejs

## Basic Information

- **Project Name**: draw-engine-stagejs
- **Description**: No description available
- **Primary Language**: TypeScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2024-09-30
- **Last Updated**: 2024-09-30

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# StageJS

Canvas 2D 자바스크립트 라이브러리

---
## Hello World

[예제보기](https://jsfiddle.net/lim_lim_lim/h4mwjn3u/)

---
## 클래스
1. Display
2. DisplayContainer
3. Stage
4. Sprite
5. Shape
6. Graphics
7. EventDispatcher
8. Event
9. MouseEvent
10. Matrix
11. Point
12. Rectangle
13. Ticker

![](./assets/screenshot/uml.jpg)
---
## 데모
1. [Graphics](https://jsfiddle.net/lim_lim_lim/cz016rwy/)
2. [Transform](https://jsfiddle.net/lim_lim_lim/trx3eg78/)
3. [Rotate](https://jsfiddle.net/lim_lim_lim/2ec0x1tr/)
4. [DisplayContainer](https://jsfiddle.net/lim_lim_lim/0yx78v2t/)
5. [Ticker](https://jsfiddle.net/lim_lim_lim/0tw5hfqo/)
6. [Sprite Animation](https://jsfiddle.net/lim_lim_lim/avghmk8L/)
7. [EnterFrame](https://jsfiddle.net/lim_lim_lim/k54wenja/)
8. [MouseEvent](https://jsfiddle.net/lim_lim_lim/fs28g39j/)
---
## 현재기능
    - 객체기반으로 더 쉬운 캔버스 프로그래밍
    - 이벤트드리븐 프로그래밍
    - 마우스이벤트 지원으로 간편한 인터렉선 구현
    - Sprite Sheet을 이용한 스프라이트 애니메이션 구현
    - 부모 자식 구조의 계층 구조 표현
## 추가예정기능
    - 모바일 터치 이벤트
    - 비트맵 텍스트
    - Asset Loader
---