three纹理使用（四）

最新推荐文章于 2025-04-07 14:34:12 发布

原创最新推荐文章于 2025-04-07 14:34:12 发布 · 276 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#three纹理

three 专栏收录该内容

1 篇文章

订阅专栏

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 );