1. 프로젝트 개요

• 프로젝트명: 다이버전스
• 목표: AI 캐릭터와 게임을 즐길 수 있는 인터랙티브 웹 게임

2. 담당 역할 및 주요 작업

• ComfyUI 기반 AI 프롬프트 대량 이미지 자동 생성 툴 풀스택 개발 (Python·React 연동)

• 캐릭터 생성 페이지 UXUI 및 구현

  

  • 실시간 프리뷰: $derived로 상태 계산
  • 복잡한 폼: 단방향 데이터 플로우 + 제네릭으로 타입 안전성 확보
  • 이미지 최적화: ComfyUI 이미지생성 후 + 스프라이트 제작으로 16번 → 1번으로 네트워크 요청 최소화

• 룰렛 미니 게임 구현

  

  • 삼각함수 기반의 SVG 아크(Arc) 좌표 계산 및 세그먼트 동적 렌더링
  • 버튼 비활성화 처리, 콘페티/인벤토리로 이동하는 마이크로인터랙션, 반응형 레이아웃
  • 색상 매핑(팔레트), 세그먼트 재계산 로직 분리로 아이템/확률이 유연하기 바뀔 수 있도록 구현

• 상점 퍼블리싱 및 일부 컴포넌트 구현

  

  

  • 카드 컴포넌트화 → 유지보수성 증가
  • 박스가 열리는 영상 → 짧은 길이로도 영상이 계속 플레이 될수있도록 리소스 최적화

• 이벤트/퀘스트 시스템 기획 및 구현

• 이벤트 관리자가 구성하는 레이아웃에 따라 유동적으로 컴포넌트가 변경 될 수 있도록 구현

3. 주요 기술 및 구현 포인트

1. AI 이미지 워크플로우 구축 (ComfyUI)

• 문제: 디자이너의 업무 과중으로 Web3 게임 핵심 에셋인 AI 캐릭터 생성 및 수급 지연
• 해결: ComfyUI 노드 기반 파이프라인 습득 후 C-Level(부사장) 및 의사결정자가 제네레이션 파라미터를 즉시 조정할 수 있는 커스텀 워크플로우 제작
• 성과: 디자인 리소스 병목 해소 및 Svelte5 / GSAP 기반 캐릭터 등장 인터랙션 구현

2. AI 이미지 생성 파이프라인 자동화 (Python + ComfyUI API)

• 문제: 수백 개의 프롬프트 수동 실행으로 인한 무의미한 대기 시간 및 생산성 저하
• 해결: Python과 ComfyUI API를 연동한 무인 배치(Batch) 자동화 스크립트 구축, JSON 프롬프트 리스트 업로드 기반의 예약 생성 환경 마련