欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

卜若的代码笔记-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;
}

 

相关标签: webgl