three.js入门系列之光源

时间:2022-03-19 05:14:18

首先创建场景来试验各种光源带来的不同效果:

three.js入门系列之光源

three.js入门系列之光源

一、锥形光源(聚光灯)

SpotLight

three.js入门系列之光源

three.js入门系列之光源

接下来缩小范围(π/7):

three.js入门系列之光源

二、基础光源(环境光)

AmbientLight

上例中没有添加环境光,使得周围黑漆漆的,下面就添加环境光:

three.js入门系列之光源

效果:

three.js入门系列之光源

三、点光源(照射所有方向)

PointLight

three.js入门系列之光源

为了更加明确地展示此光源的效果,特地将正方体位置坐了改变:

three.js入门系列之光源

四、平行光(太阳光)

DirectionalLight

three.js入门系列之光源three.js入门系列之光源

五、待续