立方体的 WPF 纹理映射

Posted

技术标签:

【中文标题】立方体的 WPF 纹理映射【英文标题】:WPF Texture mapping of a cube 【发布时间】:2014-01-09 14:15:21 【问题描述】:

我有一个立方体定义为

<MeshGeometry3D Positions="0,0,0 180.31222920257,180.31222920257,0 90.1561146012848,360.624458405139,156.154971102428 -90.1561146012848,180.31222920257,156.154971102428 -90.1561146012848,180.31222920257,-156.154971102428 90.1561146012848,360.624458405139,-156.154971102428 0,540.936687607709,0 -180.31222920257,360.624458405139,0 "
                    TriangleIndices="0 1 3 1 2 3  0 3 4 3 7 4  0 4 1 4 5 1  
                                     1 5 2 5 6 2  3 2 7 2 6 7  4 7 5 5 7 6"/>

我要在其上映射此纹理:

使其在这些相应位置形成具有以下颜色的连续渐变:

Black   0,0,0
Red     180.31222920257,180.31222920257,0
Yellow  90.1561146012848,360.624458405139,156.154971102428
Green   -90.1561146012848,180.31222920257,156.154971102428
Blue    -90.1561146012848,180.31222920257,-156.154971102428
Magenta 90.1561146012848,360.624458405139,-156.154971102428
White   0, 540.936687607709, 0
Cyan    180.31222920257, 360.624458405139, 0

看了一些关于wpf纹理映射的文章后,我想出了以下,这是行不通的:

TextureCoordinates="0   ,   0.666666667 0.25, 0.666666667   0   , 0.333333333
                    0.25,   0.666666667 0   , 0.666666667   0.25, 0.333333333
                    1   ,   0.666666667 1   , 0.333333333   0.75, 0.666666667
                    1   ,   0.333333333 0.75, 0.333333333   0.75, 0.666666667
                    0.75,   1           0.75, 0.666666667   0.5 , 1
                    0.75,   0.666666667 0.5 , 0.666666667   0.5 , 1
                    0.25,   0.666666667 0.5 , 0.666666667   0.25, 0.333333333
                    0.5 ,   0.666666667 0.5 , 0.333333333   0.25, 0.333333333
                    0.75,   0           0.5 , 0             0.75, 0.333333333
                    0.5 ,   0           0.5 , 0.333333333   0.75, 0.333333333
                    0.75,   0.666666667 0.75, 0.333333333   0.5 , 0.666666667
                    0.5 ,   0.666666667 0.75, 0.333333333   0.5 , 0.333333333"

该映射的纹理以 45 度角进行了奇怪的拉伸。

什么是我想要的合适的映射,你如何生成它?

完整的 XAML,根据要求

<Window x:Class="cube.MainWindow"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    Title="MainWindow" Height="350" Width="525">
<Grid>
    <Viewport3D>
        <Viewport3D.Camera>
            <PerspectiveCamera Position="-800,1000,800" LookDirection="40,-40,-40 " 
                     UpDirection="0,1,0" />
        </Viewport3D.Camera>
        <ModelVisual3D>
            <ModelVisual3D.Content>
                <Model3DGroup>
                    <DirectionalLight Color="White" Direction="-1,-1,-3" />
                    <GeometryModel3D>
                        <GeometryModel3D.Geometry>
                            <MeshGeometry3D Positions="0,0,0 180.31222920257,180.31222920257,0 90.1561146012848,360.624458405139,156.154971102428 -90.1561146012848,180.31222920257,156.154971102428 -90.1561146012848,180.31222920257,-156.154971102428 90.1561146012848,360.624458405139,-156.154971102428 0,540.936687607709,0 -180.31222920257,360.624458405139,0 "
                TriangleIndices="0 1 3 1 2 3  0 3 4 3 7 4  0 4 1 4 5 1  
                                 1 5 2 5 6 2  3 2 7 2 6 7  4 7 5 5 7 6"
                TextureCoordinates="0   ,   0.666666667 0.25, 0.666666667   0   , 0.333333333
                0.25,   0.666666667 0   , 0.666666667   0.25, 0.333333333
                1   ,   0.666666667 1   , 0.333333333   0.75, 0.666666667
                1   ,   0.333333333 0.75, 0.333333333   0.75, 0.666666667
                0.75,   1           0.75, 0.666666667   0.5 , 1
                0.75,   0.666666667 0.5 , 0.666666667   0.5 , 1
                0.25,   0.666666667 0.5 , 0.666666667   0.25, 0.333333333
                0.5 ,   0.666666667 0.5 , 0.333333333   0.25, 0.333333333
                0.75,   0           0.5 , 0             0.75, 0.333333333
                0.5 ,   0           0.5 , 0.333333333   0.75, 0.333333333
                0.75,   0.666666667 0.75, 0.333333333   0.5 , 0.666666667
                0.5 ,   0.666666667 0.75, 0.333333333   0.5 , 0.333333333"/>
                        </GeometryModel3D.Geometry>
                        <GeometryModel3D.Material>
                            <DiffuseMaterial>
                                <DiffuseMaterial.Brush>
                                    <ImageBrush ImageSource="texture.png"/>
                                </DiffuseMaterial.Brush>
                            </DiffuseMaterial>
                        </GeometryModel3D.Material>
                    </GeometryModel3D>
                </Model3DGroup>
            </ModelVisual3D.Content>
        </ModelVisual3D>
    </Viewport3D>
</Grid>

【问题讨论】:

请将您的 XAML 数据完整复制/添加到问题中,此处的部分代码不足以重现您的问题。 【参考方案1】:

这应该可以让你从正确的立方体坐标开始,我在seans stuff找到它

如果您可以将您的 XAML 完整添加到您的问题中,我想我可以更改此答案以帮助您进一步解决问题。

<Grid>
        <Viewport3D x:Name="viewport3D1">
            <Viewport3D.Camera>
                <PerspectiveCamera x:Name="camMain" Position="6 5 4" LookDirection="-6 -5 -4"/>
            </Viewport3D.Camera>
            <ModelVisual3D>
                <ModelVisual3D.Content>
                    <DirectionalLight x:Name="dirLightMain" Direction="-1,-1,-1"/>
                </ModelVisual3D.Content>
            </ModelVisual3D>
            <ModelVisual3D>
                <ModelVisual3D.Content>
                    <GeometryModel3D>
                        <GeometryModel3D.Geometry>
                            <MeshGeometry3D x:Name="meshMain"
                                Positions="0 0 0  1 0 0  0 1 0  1 1 0  0 0 1  1 0 1  0 1 1  1 1 1"
                                TriangleIndices="2 3 1  2 1 0  7 1 3  7 5 1  6 5 7  6 4 5  6 2 0  2 0 4  2 7 3  2 6 7  0 1 5  0 5 4">
                            </MeshGeometry3D>
                        </GeometryModel3D.Geometry>
                        <GeometryModel3D.Material>
                            <DiffuseMaterial x:Name="matDiffuseMain" Brush="Red"/>
                        </GeometryModel3D.Material>
                        <GeometryModel3D.Transform>
                            <Transform3DGroup>
                                <TranslateTransform3D OffsetZ="0" OffsetX="0" OffsetY="0"/>
                                <ScaleTransform3D ScaleZ="1" ScaleY="1" ScaleX="1"/>
                                <RotateTransform3D d:EulerAngles="0,0,0">
                                    <RotateTransform3D.Rotation>
                                        <AxisAngleRotation3D Axis="0,1,0" Angle="0"/>
                                    </RotateTransform3D.Rotation>
                                </RotateTransform3D>
                                <TranslateTransform3D OffsetZ="0" OffsetX="0" OffsetY="0"/>
                                <TranslateTransform3D OffsetZ="0.423" OffsetY="0.551" OffsetX="0.604"/>
                            </Transform3DGroup>
                        </GeometryModel3D.Transform>
                    </GeometryModel3D>
                </ModelVisual3D.Content>
            </ModelVisual3D>
        </Viewport3D>
    </Grid>

【讨论】:

@Anthony 我还是没弄明白,但我很确定它与 WPF 使用的坐标系有关..(右手坐标系),我相信你设置了你的根据左手坐标系的纹理贴图。

以上是关于立方体的 WPF 纹理映射的主要内容,如果未能解决你的问题,请参考以下文章

使用 GLUT 在立方体上的 OpenGL 多纹理映射

纹理在openGL中使用2D纹理映射3D对象

Unity Shader入门精要学习笔记 - 第10章 高级纹理

C++ openGl 纹理将图像映射到球体上

使用索引时如何为 UV 添加 vec2 以进行纹理映射

导出到 DAE 时如何继承相同的纹理映射?