three纹理使用(四)

1.用纹理渲染图形

给六个面添加一个纹理图的形式

var geometry = new THREE.CubeGeometry( 1, 1, 1 );
var texture = THREE.ImageUtils.loadTexture("earth.jpg", null, function (t) {
});
//4.将纹理应用于材质
var material = new THREE.MeshBasicMaterial({ map: texture });
cube = new THREE.Mesh( geometry, material );
scene.add( cube );

给六个面每个面各添加一个纹理图核心代码如下:(注意这里只添加图片,不添加灯光是什么也看不到的,即使给material 
添加了颜色也看不到

//         light
        var light = new THREE.PointLight(0xffffff, 1, 1000);
        light.position.set(10, 15, 20);
        scene.add(light);
        var geometry = new THREE.BoxGeometry( 10, 10, 10 );
        var texture = THREE.ImageUtils.loadTexture('num.png', {}, function() {
            renderer.render(scene, camera);
        });
        var material = new THREE.MeshLambertMaterial({
            map: texture
        });
        cube = new THREE.Mesh( geometry, material );
        scene.add( cube );

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章