240줄의 코드로 그린 릭: 놀라운 GLSL 애니메이션
2025-02-06

이 글에서는 저자가 라이브러리나 이미지 없이 240줄의 GLSL 코드만으로 8개월에 걸쳐 제작한 놀라운 릭 애니메이션에 대해 자세히 설명합니다. 글에는 라이브 코딩 에디터가 포함되어 있어 독자들도 자신만의 애니메이션을 프로그래밍할 수 있습니다. 단계별로 설명되는 과정은 기본적인 색 채우기부터 베지어 곡선, 별 모양, 둥근 모서리 직사각형과 같은 부호가 있는 거리 함수(SDF)를 사용하여 릭의 특징과 머리카락을 정교하게 그리는 것까지 다룹니다. 노이즈 함수와 시간 도메인 워핑을 통해 릭의 머리카락에 역동적인 효과가 더해지고 눈의 무작위 움직임이 추가됩니다. 저자는 루핑 값, 그려진 콘텐츠 전환, 노이즈 모션 등 다양한 애니메이션 기법을 공유하고 완전한 코드와 설명을 제공하여 독자가 자신만의 GLSL 애니메이션을 만들 수 있도록 지원합니다.
디자인
코드 아트