react-three-fiber: Environment

react-three-fiber의 Environment 예제를 살펴 봅니다.

2024-08-11

Environment blur and transitions

출처: Environment blur and transitions

Environment라는 컴포넌트를 사용하여 주변 환경 이미지를 설정하는 예제 입니다.

다음과 같은 preset을 지원합니다.

  • apartment: 'lebombo_1k.hdr'
  • city: 'potsdamer_platz_1k.hdr'
  • dawn: 'kiara_1_dawn_1k.hdr'
  • forest: 'forest_slope_1k.hdr'
  • lobby: 'st_fagans_interior_1k.hdr'
  • night: 'dikhololo_night_1k.hdr'
  • park: 'rooitou_park_1k.hdr'
  • studio: 'studio_small_03_1k.hdr'
  • sunset: 'venice_sunset_1k.hdr'
  • warehouse: 'empty_warehouse_01_1k.hdr'

그림자 설정은 drei의 AccumulativeShadowsRandomizedLight를 사용합니다.

참조

Loading script...