TECH 으로 돌아가기
TECH HACKER NEWS 오늘 2분 읽기 29 READS

CSS만으로 3D를? ASCII로 도형을 렌더링하는 GlyphCSS

GlyphCSS는 점·선·면이 아닌 '문자(glyph)'로 3D 장면을 그려내는 ASCII 렌더링 엔진입니다. 회전하는 입체 도형이나 모델을 WebGL 같은 무거운 그래픽 파이프라인 대신, 텍스트 문자의 밝기와 밀도를 활용해 표현하는 방식이죠. 핵심 아이디어는 단순합니다. 3D 좌표를 화면에 투영한 뒤, 각 픽셀의 명암을 ' .,:;+*#@' 같은 문자 그라데이션으로 치환하는 것. 옛 도넛 렌더링(donut.c) 데모를 웹 친화적으로 확장한 감각입니다. 한국 개발자에게 흥미로운 지점은 두 가지입니다. 첫째, 폰트와 텍스트만으로 그래픽을 만들기에 접근성·로딩 비용·터미널 호환성 면에서 독특한 장점이 있다는 것. 둘째, 셰이더와 행렬 투영, 명암 매핑 같은 그래픽스 기초를 가볍게 학습하고 실험하기에 더없이 좋은 놀이터라는 점입니다. 화려함보다 제약 속의 창의성을 보여주는 사례로, 사이드 프로젝트나 포트폴리오의 시선을 끄는 요소로 활용해볼 만합니다.

SOURCE · HACKER NEWS
원문 전체 보기 → https://glyphcss.com
SHARE
처리 중...