목록renderTextrue (1)

yyZa

PIXI.js 사용기 (6) PIXI.Graphics 그리기 효과 만들기

적용한 에디터와 기능들 🥑1. PIXI.Graphics 사용 이유 - 그림판처럼 그리고 지울 수 있는 기능을 구현하기 위해 사용하였습니다. 🥑2. PIXI.Graphics 적용 방법 new PIXI.Graphics()로 생성 색, 굵기, 위치 등 설정 옵션 부여 Cnavas Stage 임의의 Container(Graphics 조각들을 모아 놓는) 추가 strokeContainer에 mouse event에 따른 Graphics생성 및 x,y값을 설정하여 추가해 그리기 event가 끝나면 strokeContainer에 있는 것을 캡쳐하여 renderTexture에 그린 후 renderTexture를 Canvas Stage에 추가 const strokeContainer = new PIXI.Container()..
개발일지 2023. 3. 28. 16:20
이전 Prev 1 Next 다음