개발/three.js / / 2022. 10. 10. 15:27

three.js HemisphereLight와 RectAreaLight

반응형
const light = new THREE.HemisphereLight('pink', 'lime', 1);
light.position.x = -5;
light.position.y = 3;
scene.add(light);

const lightHelper = new THREE.HemisphereLightHelper(light);
scene.add(lightHelper);

HemisphereLight는 양쪽 각각의 방향에서 빛을 쏘는 light 객체이다.

 

import { RectAreaLightHelper } from 'three/examples/jsm/helpers/RectAreaLightHelper';

...

const light = new THREE.RectAreaLight('orange', 10, 2, 2);
// light.position.x = -5;
light.position.y = 2;
light.position.z = 3;
scene.add(light);

const lightHelper = new RectAreaLightHelper(light);
scene.add(lightHelper);

RectAreaLight는 네모난 판 모양의 조명이다. 

RectAreaLightHelper는 별도의 module을 임포트해주어야한다.

반응형
  • 네이버 블로그 공유
  • 네이버 밴드 공유
  • 페이스북 공유
  • 카카오스토리 공유