r/ClaudeCode•약 8시간 전•15•5
Fable 5.2를 활용한 픽셀 아트 생성기 (실험)
Pixel-art generator with Fable 5.2 (Experiment
핵심 요약
Claude Code를 활용해 이미지, GIF, 영상을 픽셀 아트로 변환하는 웹 기반 편집기를 개발했습니다.
- 다양한 변환 기능 — 이미지, GIF, 영상을 픽셀 아트나 ASCII 등으로 변환함
- 풍부한 옵션 — 18가지 디더링 패턴과 24가지 팔레트 등 다양한 스타일 제공
- 인터랙티브 효과 — 마우스 움직임에 따라 빛 번짐, 물결, 번짐 효과 적용
- 간편한 사용성 — 빌드 과정이나 백엔드 없이 순수 자바스크립트로 작동함
Fable한테 디더링 아트 에디터 하나 만들어달라고 했다가 일이 너무 커져 버렸다.
사진을 그 특유의 빛나는 디더링 픽셀 느낌으로 바꿔주는 작은 툴 하나 만들려고 했는데, Claude Code로 한참 붙잡고 씨름하다 보니 어느새 풀 기능 에디터가 되어버림:
- 이미지, GIF, 영상 넣으면 픽셀 아트로 뱉어줌
- 디더링 패턴 18개, 팔레트 24개, 룩 29개 지원
- 픽셀을 문자, 점자, ASCII로도 바꿀 수 있음
- 마우스 반응형: 빛 번짐, 물결 효과, 잔상 효과 다 됨
- PNG, GIF, MP4, SVG는 물론이고 그냥 텍스트로도 내보내기 가능
빌드 단계도 없고 백엔드도 없는 순수 JS임.
직접 해보기: https://winchxyz.github.io/nightgrain/
Github: https://github.com/winchxyz/nightgrain
피드백이랑 아이디어 좀 많이 던져줘!
