Context Vault

Ghostty CRT 레트로 터미널 설정 — GPU Shader + VT323

3 min read

Ghostty CRT 레트로 터미널 설정

Ghostty의 GPU shader 기능으로 scanline, glow, curvature, phosphor 번짐까지 진짜 CRT 모니터처럼 만드는 방법. Claude Code에서도 바로 적용 가능.

1. VT323 폰트 설치

DEC VT320 터미널을 그대로 재현한 폰트. CRT 레트로의 핵심.

  1. Google Fonts: https://fonts.google.com/specimen/VT323
  2. macOS: .ttf 파일 더블클릭 → “폰트 설치”
  3. 한글은 자동으로 D2Coding이나 시스템 폰트 fallback

2. CRT Shader 설치

mkdir -p ~/.config/ghostty/shaders
cd ~/.config/ghostty
git clone --depth 1 https://github.com/0xhckr/ghostty-shaders.git shaders

추천 Shader

Shader스타일비고
in-game-crt.glslFallout 게임 스타일 레트로강력 추천
bettercrt.glsl클래식 phosphor + scanline최고
retro-terminal.glsl순수 CRT 느낌
amber-crt.glsl노란 phosphor CRTAmber 스타일 원할 때
bloom.glsl빛 번짐 효과다른 shader와 겹쳐서 사용

3. Ghostty Config

파일 위치: ~/.config/ghostty/config (없으면 새로 만들기)

# ── CRT 레트로 핵심 ──
custom-shader = ~/.config/ghostty/shaders/in-game-crt.glsl
# custom-shader = ~/.config/ghostty/shaders/bettercrt.glsl
 
# 폰트 (VT323 = 진짜 CRT)
font-family = VT323, D2Coding
font-size = 16
font-thicken = true
 
# 클래식 녹색 phosphor
foreground = #00ff41
background = #001100
cursor-color = #00ff41
cursor-style = block
 
# 더 레트로하게 (선택)
window-decoration = none
background-opacity = 1.0
font-ligatures = false

적용: Ghostty 메뉴 → Settings (Command + ,) → Reload Config, 또는 Ghostty 재시작.

Shader 여러 개 겹치기

custom-shader = ~/.config/ghostty/shaders/in-game-crt.glsl
custom-shader = ~/.config/ghostty/shaders/bloom.glsl

추가 커스텀

  • Amber CRT: amber-crt.glsl 사용 (노란 phosphor)
  • Scanline 강도 조정: shader 파일 열어서 scan 값 직접 수정
  • Phosphor 컬러: #00ff41 (녹색), #ffae00 (amber), #39ff14 (네온 그린)

결론

  • 순수 CRT 레트로 → VT323 + in-game-crt.glsl (녹색 phosphor)
  • 클래식 스캔라인 → VT323 + bettercrt.glsl
  • Amber 모니터 → VT323 + amber-crt.glsl
  • 최대 효과 → shader 여러 개 겹치기 (in-game-crt + bloom)

관련 노트

Sources

그래프 뷰