목록 보기
WebGL과 함께 배우는 컴퓨터 그래픽스 (2)
프론트엔드

WebGL과 함께 배우는 컴퓨터 그래픽스 (2)

데보션
데보션
2025년 8월 1일

두줄요약

WebGL과 Three.js에서 라이팅과 머티리얼의 기본 개념을 정리했습니다. 각 조명과 재질의 차이, 계산 비용과 사실감의 균형을 예제로 설명했습니다.

핵심 내용

  • WebGL/Three.js에서 사실적 3D 표현을 위한 라이팅과 머티리얼 역할 정리
  • Directional Light, Point Light, Spotlight, Ambient Light의 특징과 사용 맥락 소개
  • MeshLambertMaterial, MeshPhongMaterial, MeshStandardMaterial, MeshPhysicalMaterial의 계산 비용과 사실감 차이 비교
  • Ambient Light와 PBR 계열 머티리얼 조합으로 큐브의 현실감 있는 표현 예시 제시

다음 읽기

#WebGL 주제를 다룬 다른 회사 글

three.js in Next.js

WebGL을 추상화한 three.js의 핵심 구성과 애니메이션 루프를 설명했습니다. Next.js에서 useRef·useEffect로 바닐라 three.js 도넛을 렌더링하는 패턴을 제시했습니다.

레모네이드
레모네이드
프론트엔드

댓글 0개

댓글을 작성하려면 로그인이 필요합니다.

댓글을 불러오는 중...