중심 좌표계
캔버스 중앙이 (0,0). 반응형 레이아웃에서 UI/오브젝트 배치가 쉬워집니다.
반응형 캔버스
부모 엘리먼트 크기에 자동으로 맞추고 리사이즈합니다.
레이어 & 카메라
레이어로 그리기 순서 제어, 카메라 이동/줌, 화면→월드 좌표 변환 제공.
시간 기반 업데이트
rAF 기반 Ticker로 dt(초) 업데이트. 디버그 모드에서 비활성 탭 6FPS 제한.
간단 예시
import { Renderer, GameObject } from 'kiwiengine'
const renderer = new Renderer(document.body, {
layers: [
{ name: 'background', drawOrder: 0 },
{ name: 'game', drawOrder: 1 },
{ name: 'ui', drawOrder: 2 },
]
})
const player = new GameObject({ x: 0, y: 0, layer: 'game' })
renderer.add(player)
상단 메뉴의 문서/예제에서 더 살펴보세요.