[퍼즐:12] 퍼즐 프로그램 (Web UI)

결국 퍼즐 프로그램을 만들었다.

500 조각 맞출 땐 CLI로 계속 명령어 입력해가며 처리했는데,

뭔가 화면에 보여야 할 것 같아서 웹페이지를 만들었다.

역시 Blazor를 썼기 때문에 속도는 엄청 빨랐다.

CLI 프로그램 만들때도 이렇게 될 것을 대비했다.

CLI 프로젝트와 이미지 처리 프로젝트를 분리했었다.

Blazor를 붙이는 것은 빠르게 개발할 수 있었다.

 

프로그램을 실행시키면 내 로컬에 서버가 뜨고,

웹으로 제어한다.

서버가 OpenCV(EmguCV)를 사용해서 이미지를 처리한다.

 

개발 프로그램처럼 여러 작업을 진행할 수 있는 구조를 만들었다.

프로젝트 같은 느낌으로 퍼즐을 지정하고 불러올 수 있다.

동시에 여러 퍼즐을 맞출 수 있다는 가정을 하고 만들었지만, 사실 쓸모없다..

대부분의 아래 작업에 대한 자세한 내용은 이전 블로그 글에 나와있다.

 

[퍼즐:01] 퍼즐 조각 외곽선 추출

[퍼즐:06] 1차 중간 점검

[퍼즐:08] 500조각 꼭지점 수동 추출

[퍼즐:09] 500조각 퍼즐 데이터 생성

첫 페이지: 작업 폴더를 선택한다.

원본 이미지에서 퍼즐이 있는 부분만 잘라낸다

왼쪽 원본사진을 오른쪽 퍼즐만 있는 사진으로 잘라낸다.

왼쪽 이미지에서 외곽선을 추출한다.

외곽선에서 코너를 검출한다.