Fable 5.2를 활용한 ASCII 아트 실험
ASCII art experiment with Fable 5.2
핵심 요약
Claude Code를 이용해 이미지와 영상을 ASCII 아트로 변환하고 3D 객체로 만드는 웹 도구입니다.
- 기능 확장성 — 이미지, GIF, 영상을 ASCII 아트 및 3D 객체로 변환함
- 오디오 생성 — 이미지의 색상과 디테일을 분석해 사운드트랙을 자동 생성함
- 기술 스택 — 별도의 백엔드 없이 WebGL2와 Web Audio만으로 구현됨
- 개발 방식 — Claude Code를 활용해 짧은 프롬프트만으로 빠르게 제작됨

빛나는 글자 사이로 꽃이 피어나는 영상을 봤는데, 어떤 사진이든 그렇게 만들어주는 툴이 있으면 좋겠더라고. 그래서 Claude Code한테 시켜서 바로 만들어버렸다.
지금 되는 기능:
-
이미지, GIF, 영상 파일을 던져넣거나 그냥 글자를 입력하면 됨
-
9가지 스타일(터미널, 하프톤, 신문 인쇄, 매트릭스 등) 지원하고, 원하는 글자 세트도 직접 넣을 수 있음
-
사진을 3D 오브젝트로 바꿔서 돌려볼 수 있음. 알아서 피사체를 찾아내고 배경은 평면으로 유지해줌. 브라우저에서 돌아가는 뎁스 모델이 있어서 진짜 깊이감도 느껴짐
-
사진에서 사운드트랙도 뽑아줌: 색상으로 키(key)를 잡고, 디테일로 템포를 결정함
-
PNG, GIF, 영상으로 내보내기 가능하고, 원하면 배경 투명하게도 됨
백엔드도 없고 업로드도 안 되는 HTML 파일 하나짜리임. WebGL2랑 Web Audio 썼고, 프레임워크 같은 건 안 썼다.
처음엔 프롬프트 하나로 시작해서 "템플릿 추가해줘", "긴 이미지는 잘리는데 고쳐줘" 같은 짧은 요청 몇 번 하니까 뚝딱 완성됨.
써보기: https://winchxyz.github.io/afterglyph/
코드: https://github.com/winchxyz/afterglyph

