시연영상:

https://youtu.be/I0QYTnGx-aE

https://www.youtube.com/watch?v=jbHfxxteJx0

프로젝트 개요 목차

1. 모루인형 꾸미기 프로젝트
   • React + Konva 기반 커스터마이징 캔버스 구현
   • 반응형 UI, 파츠 저장/다운로드, 미러링, 관리자 파츠 제어 기능 포함
2. 비즈발 생성 프로젝트
   • 이미지 업로드 기반 비즈 커튼 픽셀화 생성기 (Vanilla JS + Tailwind)
   • 시안 생성, 색상 조정, CSV 저장 기능 포함
3. 픽셀아트 수정 프로젝트
   • React 기반 드로잉/수정 도구 + CSV 입출력
   • 모바일 터치 대응, 확대/축소, Undo-Redo, 도안 추출 기능 포함

1. 모루인형 꾸미기 프로젝트

프로젝트 소개

모루 인형 캔버스는 사용자가 다양한 파츠와 도안을 활용하여 자신만의 모루 인형을 디자인할 수 있는 웹 애플리케이션입니다. 이 프로젝트는 반응형 UI, 캔버스 기반 파츠 조합, 미러링 및 반대면 렌더링, 커스터마이징 저장 및 다운로드 기능을 제공합니다.

<주요 기능>

1. 반응형 캔버스 구현

화면 너비에 따라 캔버스 및 파츠의 크기와 비율이 자동으로 조정됩니다.

2. 캔버스에서 파츠 추가 및 조정

파츠는 캔버스에 추가되며 크기, 위치, 회전을 직관적으로 조정할 수 있습니다.

드래그, 회전, 크기 조정,삭제, 레이어 순서 조정을 지원합니다.

3. 미러링 및 반대면 렌더링

현재 면의 파츠를 반대면에 미러링하여 렌더링할 수 있습니다.

x좌표 반전 및 회전값 반전을 통해 정확한 반대면 표현을 구현했습니다.