获取几何面上点的颜色

Get the color of a point on a geometry face

本文关键字：颜色 何面 获取      更新时间：2023-09-26

我正在使用THREE.js来渲染我的场景，我有一个棘手的问题-我如何才能获得几何面上特定点的颜色?

这里的颜色不是指面或材料颜色，而是指在特定点的实际输出颜色，基于:特定位置的材料、面颜色和纹理颜色。例如，如果给定点上的面部纹理是红色的，并且材料颜色是半可见的(alpha =0.5)，我期望得到的是:(r=1.0, g=0.0, b=0.0, a=0.5)。

注意:性能很重要。

任何想法?谢谢!

一个简单直接的方法是使用<canvas>。

var canvas = document.createElement( 'canvas' );
canvas.width = renderer.domElement.width;
canvas.height = renderer.domElement.height;
var context = canvas.getContext( '2d' );
context.drawImage( renderer.domElement, 0, 0 );
var imagedata = context.getImageData( 0, 0, canvas.width, canvas.height );
var data = imagedata.data;
var index = ( mousex + ( mousey * canvas.width ) ) * 4;
var red = data[ index ];
var green = data[ index + 1 ];
var blue = data[ index + 2 ];
var hex = red << 16 | green << 8 | blue << 0

enabled实际上你期望得到的不是真的。你没有考虑灯光。如果没有灯光，你的物体将是黑色的。有了灯光，根据光线的位置，你会得到不同的结果。即使你使用平面阴影，脸的颜色也会取决于它的正常值。

相关文章：