如何给脸部添加颜色?

问题描述

我尝试为我构建的形状添加颜色.我尝试在形状中添加面，但我做错了或者我不知道该怎么做.这是示例的小提琴:http://jsfiddle.net/gbLohvu8/.

Im tryint to add color to a shape that i builded. I tried adding faces to the shape but im doing it wrong or i dont know how to do it. Here is a fiddle of the example: http://jsfiddle.net/gbLohvu8/.

我遵循了three.js页面的这个例子，但没有工作:

I has follow this example of the three.js page but didnt work:

var material = new THREE.MeshStandardMaterial( { color : 0x00cc00 } );

//create a triangular geometry
var geometry = new THREE.Geometry();
geometry.vertices.push( new THREE.Vector3( -50, -50, 0 ) );
geometry.vertices.push( new THREE.Vector3(  50, -50, 0 ) );
geometry.vertices.push( new THREE.Vector3(  50,  50, 0 ) );

//create a new face using vertices 0, 1, 2
var normal = new THREE.Vector3( 0, 1, 0 ); //optional
var color = new THREE.Color( 0xffaa00 ); //optional
var materialIndex = 0; //optional
var face = new THREE.Face3( 0, 1, 2, normal, color, materialIndex );

//add the face to the geometry's faces array
geometry.faces.push( face );

geometry.computeFaceNormals();
geometry.computeVertexNormals();

scene.add( new THREE.Mesh( geometry, material ) );

推荐答案

对于任何有兴趣的人来说，制作不规则框或几何图形的更好方法是使用 Shape 函数.这是使用形状的示例的更新小提琴:http://jsfiddle.net/gbLohvu8/2/.

For anyone who is interested, the better way to do irregular boxes or geometry is using the Shape function. Here is a update fiddle of the example using shape: http://jsfiddle.net/gbLohvu8/2/.

使用官方文档的示例.更多信息在这里.

An example using the official documentation. More info Here.

var heartShape = new THREE.Shape();

heartShape.moveTo( 25, 25 );
heartShape.bezierCurveTo( 25, 25, 20, 0, 0, 0 );
heartShape.bezierCurveTo( 30, 0, 30, 35,30,35 );
heartShape.bezierCurveTo( 30, 55, 10, 77, 25, 95 );
heartShape.bezierCurveTo( 60, 77, 80, 55, 80, 35 );
heartShape.bezierCurveTo( 80, 35, 80, 0, 50, 0 );
heartShape.bezierCurveTo( 35, 0, 25, 25, 25, 25 );

var extrudeSettings = 
{ amount: 8, bevelEnabled: true, bevelSegments: 2, 
steps: 2, bevelSize: 1, bevelThickness: 1 };

var geometry = new THREE.ExtrudeGeometry( heartShape, extrudeSettings );

var mesh = new THREE.Mesh( geometry, new THREE.MeshPhongMaterial() );

这篇关于如何给脸部添加颜色?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！