three.js - 使用 three.js 渲染图形时未生成具有 Mesh Lambert Material 的对象

Question

好吧，我刚开始学习three.js，这对我来说完全是全新的。所以我正在写这些系列的 hello world 有点像脚本。好吧，我编写了下面的脚本来使用 MeshBasicMaterial 生成一个立方体(这只是博客中给出的教程的精确副本)

        var scene = new THREE.Scene(); 
        var camera = new THREE.PerspectiveCamera(75, 640/340, 0.1, 1000); 
        var renderer = new THREE.WebGLRenderer(); 

        renderer.setSize(640, 340); 
        document.body.appendChild(renderer.domElement);

        var geometry = new THREE.CubeGeometry(1,1,1); 
        var material = new THREE.MeshBasicMaterial({color: 0xD43001});
        var cube = new THREE.Mesh(geometry, material); 


        scene.add(cube); 
        camera.position.z = 5; 

        var render = function (){

                requestAnimationFrame(render); 

                cube.rotation.x += 0.1; 
                cube.rotation.y += 0.1; 

                renderer.render(scene, camera); 

            };

            render();

当我将立方体的 Material 从

var material = new THREE.MeshBasicMaterial({color: 0xD43001});

到

var material = new THREE.MeshLambertMaterial({color: 0xD43001});

什么都没有显示。我到底错过了什么？

更新

所以我不得不添加一个光源来显示一个由网状朗伯 Material 制成的物体。当我添加一个点光源时，这个物体就会被显示出来。

Answer 1

这是因为 MeshBasicMaterial 不会对光照使用react，但具有恒定的颜色。

然而，MeshLambertMaterial 确实 对光照有反应，所以没有光照，你看不到它! MeshPhongMaterial 也是如此。