목록Canvas (1)

yyZa

PIXI.js 사용기 (7) canvas에 pixi-viewport 적용하기.

🥑pixi-viewport 라이브러리 설치 https://github.com/davidfig/pixi-viewport // npm npm i pixi-viewport // yarn yarn add pixi-viewport 🥑 Vue3 프로젝트에 pixi-viewport 구성하기 import { Viewport } from 'pixi-viewport' 🥑1. pixi-viewport사용 이유 - Canvas 전체를 wheel, Grab등의 Event로 Zoon in/out , Canvas 움직임을 주기 위해 사용하였습니다. 🥑2. pixi-viewport적용 방법 new Viewport로 생성 {}안에 설정 옵션 부여 기존 pixi의 Container로 생성하던 Stage를 Viewport로 대체한 후 이..
개발일지 2023. 3. 30. 16:48
이전 Prev 1 Next 다음