javascript - Threejs 给圆柱体着色

Question

我正在尝试用巧克力色 0xd2691e 绘制一个圆柱体，但是当我使用时:

var cylinder = new THREE.Mesh(new THREE.CylinderGeometry(100, 100, 100, 100, 50, false), new THREE.MeshNormalMaterial({ color: 0xd2691e }));

它不会改变颜色。当我使用时

var cylinder = new THREE.Mesh(new THREE.CylinderGeometry(100, 100, 100, 100, 50, false), new THREE.MeshBasicMaterial({ color: 0xd2691e }));

它确实会改变颜色，但顶面的颜色与侧面的颜色相同，因此它最终会像 Blob 一样，而不会显示圆柱体 3D 形状。

我检查了this question它确实会随机改变脸部的颜色，但我想要一些简单的方法来区分顶部和侧面的颜色。

Answer 1

您应该使用MeshLambertMaterial。另外，请确保场景有灯光，否则它不会显示。

var scene = new THREE.Scene();

var cylinder = new THREE.Mesh(new THREE.CylinderGeometry(100, 100, 100, 100, 50, false), new THREE.MeshLambertMaterial({ color: 0xd2691e }));
scene.add( cylinder );

var light = new THREE.PointLight( 0xffffff );
light.position.z = 200;
scene.add( light );