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

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

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

一、锥形光源(聚光灯)

SpotLight

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

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

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

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

二、基础光源(环境光)

AmbientLight

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

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

效果:

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

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

PointLight

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

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

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

四、平行光(太阳光)

DirectionalLight

three.js入门系列之光源-LMLPHPthree.js入门系列之光源-LMLPHP

五、待续

05-12 01:31