AI 바탕화면 펫 프로젝트 개선기 - 좌우 반전부터 실행 최적화까지
·
5. [개인] 프로젝트 및 공모전/4-2 바탕화면 AI 펫 프로그램
개요Electron + React + Matter.js로 만든 AI 바탕화면 펫 프로젝트의 주요 개선 사항을 정리했습니다. 좌우 반전 문제 해결부터 실행 스크립트 최적화까지, 실제 개발 과정에서 마주한 문제들과 해결 방법을 공유합니다. 주요 개선 사항1. 좌우 반전 이미지 적용 문제 해결문제점:고양이가 왼쪽으로 이동할 때 이미지가 좌우 반전되지 않는 문제Matter.js의 기본 sprite 렌더러가 xScale 음수 값을 제대로 지원하지 않음해결 방법:커스텀 렌더링 함수를 구현하여 Canvas context의 scale() 메서드로 직접 이미지 반전 처리// 커스텀 렌더링: 좌우 반전을 확실하게 처리const originalRenderBodies = Render.bodies;Render.bodies ..