立方体的 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 纹理映射的主要内容,如果未能解决你的问题,请参考以下文章