🧷 Link

GitHub - WEBAI-IAMAI/TEXT2POKEMON-Instruct-pix2pix: We have fine-tuned the Instruct Pix2Pix model to create a system that can colorize characters in images using only text.

📖 서비스 소개

<aside> 💡 “Make Your Pokemon” 은 사용자가 선택한 포켓몬을 텍스트를 사용해 원하는 색으로 색칠하는 서비스입니다. Prompt에 원하는 색을 형식에 맞게 텍스트로 작성하면, 모델이 이를 감지해 FineTuning된 이미지 결과를 제공하고 저장할 수 있는 서비스입니다. AI와 FE가 협업한 프로젝트로, AI의 모델링 한 결과를 FE에서 웹 서비스로 제공하였습니다.

</aside>

🛠️ 사용 기술 및 라이브러리

👩‍💻 FE

• HTML, CSS
• JavaScript
• Bootstrap

👨‍💻 AI

• python
• PyTorch
• Instruct pix2pix model
• CLIP (image captioning model)
• Flask

⚙️ 담당한 기능

[FE 전영역 담당]

1. 전체적인 UI/UX 구현
   1. 포켓볼을 잡는 듯한 모션 애니메이션 적용
   2. 반응형 디자인 적용
2. Hash Router 설정
3. 이미지 셀렉 페이지
   1. 포켓몬 이름과 속성을 기반으로 한 검색 및 페이지네이션 기능 구현
4. 이미지 생성 / 로딩 / 결과 페이지
   1. 사용자 입력 텍스트 전송 후 로딩 상태 표시
   2. Long Polling을 활용하여 로딩 상태 확인 후 결과 페이지로 전환

🔎 성과

• 클라이언트 라우팅 관리를 통해 코드 복잡성 감소 및 서버 부담 최소화