5

在尝试理解 WPF 3D 中的纹理坐标时,我从一个非常简单的示例开始:单个三角形、线性渐变画笔和纹理坐标,如下所示:

        <Viewport3D>
        <ModelVisual3D>
            <ModelVisual3D.Content>
                <Model3DGroup>
                    <GeometryModel3D>

                        <!-- Geometry -->
                        <GeometryModel3D.Geometry>
                            <MeshGeometry3D 
                            Positions="10 10 0, 
                                       20 10 0, 
                                       15 15 0"
                            TriangleIndices="0 1 2"
                            TextureCoordinates="0.5 0.0,
                                                0.5 0.0,
                                                0.5 0.0" />
                        </GeometryModel3D.Geometry>

                        <!-- Foreground and background brushes -->
                        <GeometryModel3D.Material>
                            <DiffuseMaterial>
                                <DiffuseMaterial.Brush>
                                    <LinearGradientBrush StartPoint="0.5 0" EndPoint="0.5 1">
                                        <LinearGradientBrush.GradientStops>
                                            <GradientStop Color="Red" Offset="0.0"/>
                                            <GradientStop Color="Yellow" Offset="0.50"/>
                                            <GradientStop Color="Green" Offset="1.0"/>
                                        </LinearGradientBrush.GradientStops>
                                    </LinearGradientBrush>
                                </DiffuseMaterial.Brush>
                            </DiffuseMaterial>
                        </GeometryModel3D.Material>

                        <GeometryModel3D.BackMaterial>
                            <DiffuseMaterial Brush="Blue" />
                        </GeometryModel3D.BackMaterial>
                    </GeometryModel3D>

                    <!-- Lighting -->
                    <AmbientLight Color="White" />

                </Model3DGroup>
            </ModelVisual3D.Content>
        </ModelVisual3D>

        <!-- Camera -->
        <Viewport3D.Camera>
            <PerspectiveCamera Position="15 12 10"
                           LookDirection="0 0 -1"
                           UpDirection="0 1 0"
                           FieldOfView="90">
            </PerspectiveCamera>
        </Viewport3D.Camera>
    </Viewport3D>

我期待的是一个红色三角形,因为纹理的所有 y 坐标都是 0.0,但我得到的是一个绿色的!有人可以解释一下这种行为,以便我纠正我的理解,并转向更大的模型吗?谢谢!

4

2 回答 2

6

通常,纹理坐标定义在 [0, 1] 范围内。但是,WPF 允许您使用任意倍数。但是,让我们从 [0, 1] 范围开始。然后你定义的渐变看起来像这样:

坡度

如果我们将纹理坐标更改为以下内容:

TextureCoordinates="0.5 0.0,
                    0.5 0.0,
                    0.5 1.0" 

然后我们在三角形上得到一个很好的渐变:

三角形

纹理坐标在三角形中插值,并从渐变中获取适当的颜色。左下顶点有纹理坐标 (0.5, 0),在渐变中是红色的。顶部顶点的纹理坐标为 (0.5, 1),在渐变中为绿色。

正如我所说,纹理坐标可以相对使用。它们由它们的边界框缩放。所以我们还可以定义以下坐标来获得相同的结果(缩放 2 并移动 (0.5, 0.5)):

TextureCoordinates="1.5 0.5,
                    1.5 0.5,
                    1.5 2.5"

这正是重点,为什么你会得到一个带有纹理坐标的绿色三角形。因为所有坐标都相同,所以边界框是 0 单位宽和 0 单位高。没有合理的方法可以将任意纹理坐标拟合到这个退化的边界框中。我不知道为什么 WPF 选择绿色边缘。可能是未定义的行为。

最后,始终定义不会导致退化边界框的正确纹理坐标。

您可能已经注意到,替代纹理坐标会产生一个宽度为零的边界框。但是,在这种情况下这是可以的,因为梯度不会沿 u 方向变化。

于 2013-09-13T06:11:37.047 回答
1

有关 WPF 中 2D 到 3D 映射过程的有用描述,请参阅 Daniel Lehenbauer 的博客

于 2013-10-11T03:34:52.923 回答