首页 > Web开发 > 详细

webgl之五彩光源

时间:2018-05-01 16:13:52      阅读:229      评论:0      收藏:0      [点我收藏+]

一、Three.js中有哪些光源?

  在Three.js中,光源有一个基类THREE.Light(hex),这个hex接受16进制颜色作为参数而初始化光源的颜色,比如我们要定义一种绿色的光源,可以这样来定义:

var greenLight = new THREE.Light(0x00FF00);

  而作为3d引擎three.js,这个基类是很难满足我们的要求的,所以,我们还需要继承这个基类的更多样化的光源:

技术分享图片

    即除了这个基类光源之外,我们还有环境光、区域光、方向光、聚光灯、点光源等等。下面我们介绍一些常用的光源。

 

(1)环境光

  环境光是经过多次反射而来的光,所以无法确定其最初的方向。 它是一种无处不在的光,其光源可以认为是来自任何方向。所以,当我们制定场景光源为环境光时,所有的物体都会表现出同样的明暗程度,环境光可以用 THREE.AmbientLight 来表示,他的构造函数即为 THREE.AmbientLight(hex); ,它仍然接受16进制颜色作为参数,如下:

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

  如上,加入光源之后,场景就能够通过光源渲染出效果了。

 

 

 

 

 

 

 

 

 

 

 

  

 

webgl之五彩光源

原文:https://www.cnblogs.com/zhuzhenwei918/p/8976435.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!