Codelier · ASCII / Dither Lab

멀리서는 점,
가까이서는 사진

원본 사진을 문자와 점만으로 다시 그렸습니다. 커서를 올리면 그 자리만 원본이 드러납니다.터치 화면에서는 왼쪽 위 일부가 원본으로 고정되어 보입니다. 변환은 화면에 들어올 때 한 번만 계산됩니다.

새로 짓기 이어받아 고치기

렌더 방식

같은 원본에서 방식만 바뀝니다 — 다시 계산하지 않습니다.

유리 그리드 · 실제 제작 데모 이미지 커서를 올려 보세요 — 그 자리만 원본으로 돌아옵니다 터치 화면에서는 왼쪽 위 일부가 원본으로 고정되어 있습니다

다른 사진도 같은 방식입니다.

변환 로직은 하나입니다 — 셀 단위로 밝기·색을 읽어 문자나 점으로 다시 배치합니다.

입자 네트워크66×44 CELLS

콘크리트 스택66×44 CELLS

Why this matters

이미지를 압축해도 정체를 잃지 않게 만드는 일이 실제 제작에서도 그대로 필요합니다. 히어로 이미지 최적화, 저사양 회선 대응, 반응형 아트디렉션까지 같은 감각으로 다룹니다.

새로 짓는 일도, 이미 있는 것을 고치고 더하는 일도 합니다.

화면에 들어올 때 셀 값을 캐시합니다. 방식을 바꿔도 원본을 다시 읽지 않습니다.

변환은 보여주는 방식일 뿐입니다. 실제 파일과 화질은 손대지 않습니다.

커서가 있는 화면은 따라가는 원본 창을, 터치 화면은 고정된 원본 창을 보여줍니다.