javascript - Threejs 骰子，如何把数字放在脸上

Question

我刚刚向自己介绍了 WebGL 和 Threejs，作为开始，我正在尝试创建一个 3D 骰子。我已经到了创建立方体的地步，但我真的不知道如何在立方体的面上放置数字，我能找到的只是如何更改颜色。我已经查看了包中给出的示例，但我似乎也没有找到任何带有文字的示例。这是我的代码

container = document.body;

renderer = new THREE.CanvasRenderer();
renderer.setClearColor( 0xf0f0f0 );
renderer.setSize( window.innerWidth, window.innerHeight );

container.appendChild( renderer.domElement );

camera = new THREE.PerspectiveCamera( 70, window.innerWidth / window.innerHeight, 1, 1000 );
camera.position.y = 150;
camera.position.z = 500;

scene = new THREE.Scene();

geometry = new THREE.CubeGeometry(200,200,200);

cube = new THREE.Mesh(geometry);

scene.add( cube )
cube.rotation.x = 0.01;
renderer.render( scene, camera );

我已经记录了 geometry，它有一个属性 faces 但它只有颜色 :/

Answer 1

看看

1. > How to use multiple materials in a Three.js cube?
2. > Verification of using multiple textures with three.js cubes
3. > Three.js cube with different texture on each face .

请注意您使用的是哪个版本的 three.js。