Three.js(4)Light

光源

光源->渲染

THREE.Light ( hex );//hex 为16进制颜色值
Var redLight = new THREE.Light(0xFF0000);

这里写图片描述

1.环境光

  • 环境光是经过多次反射而来的光,无法确定最初的方向。
  • 环境光无处不在
  • 环境光来自任何方向
  • 当场景指定为环境光时,所有物体无论法向量如何,都将表现为同样的明暗程度。
THREE.AmbientLight( hex );


var light = new THREE.AmbientLight( 0xff0000 );
scene.add( light );

2.点光源

  • 来自一点
  • 向四面八方辐射
PointLight( color, intensity, distance )
// color 光的颜色
// intensity 光的强度,默认1.0,即100%强度
// distance  光的距离,即从光源开始,经过distance距离后,光强将衰减为0, 默认0.0, 表示光强不减

3.聚光灯

  • 光源从锥体中射出
THREE.SpotLight( hex, intensity, distance, angle, exponent )

//Hex:聚光灯发出的颜色
//Intensity:光源的强度,默认是1.0,如果为0.5,则强度是一半,意思是颜色会淡一些。和上面点光源一样。
//Distance:同上
//Angle:聚光灯着色的角度,用弧度作为单位,这个角度是和光源的方向形成的角度。
//exponent:光源模型中,衰减的一个参数,越大衰减约快。

材质

材质+光源 二者都不可少

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值