Halo
发布于 2023-09-27 / 105 阅读 / 0 评论 / 0 点赞

three.js灯光

DirectinalLight(平行光)

方向光,常常用来表现太阳光照的效果

创建

const light = new THREE.DirectionalLight(0xffffff, 1);
light.position.set(0, 10, 0);
light.target.position.set(-5, 0, 0);
light.shadow.radius = 1
scene.add(light);
scene.add(light.target);

参数(color, intensity)

  • color 光的颜色值,十六进制,默认值为0xffffff.
  • intensity 光的强度,默认值为1.

AmbientLight(环境光)

笼罩在整个空间无处不在的光

创建

const light = new THREE.AmbientLight(0xffffff,1);
scene.add(light);

参数(color, intensity)

  • color 光的颜色值,十六进制,默认值为0xffffff.
  • intensity 光的强度,默认值为1.

PointLight(点光)

单点光源,从一个点朝各个方向发射出光线的一种光

创建

const light = new THREE.PointLight(0xFFFFFF, 1);
light.position.set(0, 10, 0);
scene.add(light);

参数(color, intensity)

  • color 光的颜色值,十六进制,默认值为0xffffff.
  • intensity 光的强度,默认值为1.

SpotLight(聚光)

发射出锥形状的光, 模拟手电筒,台灯等光源

创建

const light = new THREE.SpotLight(0xFFFFFF, 1);
scene.add(light);
scene.add(light.target);

参数(color, intensity)

  • color 光的颜色值,十六进制,默认值为0xffffff.
  • intensity 光的强度,默认值为1.

评论