卜若的代码笔记-webgl系列-第七章:光源初步(一个Cube怎么去接收光源)
程序员文章站
2022-03-27 13:09:38
...
1 在webgl里面假设要使用一个光源,你需要:
1.1 一个光源
var light = new THREE.AmbientLight( 0xff0000 );
1.2 在场景中添加光源
scene.add(light);
1.3 你要接收光源的物体,比如一个cube必须要是能够使用光源的材质,比如这种:
MeshLambertMaterial
这是我封装的光照材质的Cube
function Cube(color,size) {
var geometry = new THREE.CubeGeometry(size.x,size.y,size.z);
//var material = new THREE.MeshBasicMaterial({color: color.ox});
// color:0xFFFFFF
var material = new THREE.MeshLambertMaterial({color: 0xFFFFFF});
var cube = new THREE.Mesh(geometry, material);
cube.setPosition = function(vector3){
cube.position.x = vector3.x;
cube.position.y = vector3.y;
cube.position.z = vector3.z;
};
return cube;
}