概述
本文介绍采用WPF进行3D开发的一些基础知识，还有HelixToolkit控件的介绍以及在MVVM模式下使用3D框架。
3D开发入门
官方文档对3D开发的一些基础知识已经描述的比较详细了：三维图形概述 - WPF .NET Framework | Microsoft Docs
在学习WPF 3D前应首先了解文档中介绍的一些基本概念。
通过以下代码我们创建了一个基本的立方体
<Grid>
<Border Grid.Column="0" BorderThickness="1" BorderBrush="Gray">
<Viewport3D >
<Viewport3D.Camera>
<PerspectiveCamera Position="6 5 4" LookDirection="-6 -5 -4"/>
</Viewport3D.Camera>
<ModelVisual3D>
<ModelVisual3D.Content>
<DirectionalLight Direction="-1,-1,-1"/>
</ModelVisual3D.Content>
</ModelVisual3D>
<ModelVisual3D>
<ModelVisual3D.Content>
<GeometryModel3D>
<GeometryModel3D.Geometry>
<MeshGeometry3D 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>
<DiffuseMaterial.Brush>
<SolidColorBrush Color="Red"/>
</DiffuseMaterial.Brush>
</DiffuseMaterial>
</GeometryModel3D.Material>
</GeometryModel3D>
</ModelVisual3D.Content>
</ModelVisual3D>
</Viewport3D>
</Border>
</Grid>可以先拷贝并修改以上代码查看效果。
HelixToolkit框架
采用原生的框架进行开发是比较困难或麻烦的，所以考虑采用第三方框架进行开发。
HelixToolkit提供一些3D模型组件，可以方便用户使用
开源项目地址：GitHub - helix-toolkit/helix-toolkit: Helix Toolkit is a collection of 3D components for .NET
先看一段设计代码：
<HelixToolkit:HelixViewport3D ShowFrameRate="True"
ZoomExtentsWhenLoaded="True"
ZoomAroundMouseDownPoint="True"
RotateAroundMouseDownPoint="True"
IsTopBottomViewOrientedToFrontBack="True"
IsViewCubeEdgeClicksEnabled="True">
<HelixToolkit:SunLight />
<ModelVisual3D x:Name="model"></ModelVisual3D>
<!-- You can also add elements here in the xaml -->
<HelixToolkit:GridLinesVisual3D
Width="180"
Length="180"
MajorDistance="10"
MinorDistance="10"
Thickness="0.1" />
</HelixToolkit:HelixViewport3D>控件要求所有内容应包含在HelixToolkit:HelixViewport3D标签内，包括：光照、地平线和其他模型。
模型一般采用ModelVisual3D 标签，定义模型的方式有两种：标签或代码：
用标签定义：
<ModelVisual3D>
<ModelVisual3D.Content>
<GeometryModel3D>
<GeometryModel3D.Geometry>
<MeshGeometry3D x:Name="meshMain"
Positions="50 50 50 71 60 60 60 71 60 71 71 60 60 60 71 71 60 71 60 71 71 71 71 71"
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">
<DiffuseMaterial.Brush>
<SolidColorBrush Color="LightPink"/>
</DiffuseMaterial.Brush>
</DiffuseMaterial>
</GeometryModel3D.Material>
</GeometryModel3D>
</ModelVisual3D.Content>
</ModelVisual3D>用代码定义：
设计端：
<ModelVisual3D x:Name="model"/>
代码端：
public partial class MainWindow : Window
{
public MainWindow()
{
InitializeComponent();
this.Loaded += MainWindow_Loaded;
}
private void MainWindow_Loaded(object sender, RoutedEventArgs e)
{
// Create a model group
Model3DGroup modelGroup = new Model3DGroup();
MeshBuilder meshBoxBuilder = new MeshBuilder(false, false);
meshBoxBuilder.AddBox(new Point3D(0, 0, 0), 40, 40, 40);
MeshGeometry3D meshBox = meshBoxBuilder.ToMesh(true);
var whiteMaterial = MaterialHelper.CreateMaterial(Colors.Green);
var insideMaterial = MaterialHelper.CreateMaterial(Colors.Gray);
modelGroup.Children.Add(new GeometryModel3D { Geometry = meshBox, Material = whiteMaterial, BackMaterial = insideMaterial });
this.model.Content = modelGroup;
}
}框架也支持MVVM模式
设计端：
<Window x:Class="Learn3D.Helix.MainWindow">
<Window.DataContext>
<local:MainViewModel />
</Window.DataContext>
<Grid>
<HelixToolkit:HelixViewport3D >
<!-- The content of this visual is defined in MainViewModel.cs -->
<ModelVisual3D Content="{Binding Model}" />
</HelixToolkit:HelixViewport3D>
</Grid>
</Window>
代码端：
public class MainViewModel
{
public Model3D Model { get; set; }
public MainViewModel()
{
// Create a model group
Model3DGroup modelGroup = new Model3DGroup();
// Create a mesh builder and add a box to it
MeshBuilder meshBuilder = new MeshBuilder(false, false);
meshBuilder.AddBox(new Point3D(0, 0, 0), 20, 10, 5);
// Create a mesh from the builder (and freeze it)
MeshGeometry3D mesh = meshBuilder.ToMesh(true);
// Create some materials
var blueMaterial = MaterialHelper.CreateMaterial(Colors.Red);
var insideMaterial = MaterialHelper.CreateMaterial(Colors.Yellow);
// Add model to the group (using the same mesh, that's why we had to freeze it)
modelGroup.Children.Add(new GeometryModel3D { Geometry = mesh, Transform = new TranslateTransform3D(60, 0, 60), Material = blueMaterial, BackMaterial = insideMaterial });
// Set the property, which will be bound to the Content property of the ModelVisual3D (see MainWindow.xaml)
this.Model = modelGroup;
}
}基本上我一般不会采用这种方式，而是和Stylet框架结合使用。
HelixToolkit和Stylet框架结合
和Stylet框架相关的知识这里就不重复介绍了，不了解的可以去看我博客内的相关文章。
这里主要演示使用Stylet框架实现模型的变化。
基本原理如下：
首先建立一个模型，并绑定到ViewModel内的一个对象
前端：
<ModelVisual3D Content="{Binding ModelDynamic}" />
后端：
public Model3D ModelDynamic { get; set; }当用户通过界面上的控件修改模型的属性时，将触发事件，在事件内重新构造模型即可实现模型的变化，包括：颜色、大小、位置、纹理等所有属性。我以颜色变化举例：
public byte Color_R { get; set; } = 0;
public byte Color_G { get; set; } = 0;
public byte Color_B { get; set; } = 0;
private void InitColorBind()
{
this.Bind(s => Color_R, (o, e) => ColorChanged());
this.Bind(s => Color_G, (o, e) => ColorChanged());
this.Bind(s => Color_B, (o, e) => ColorChanged());
}
public void ColorChanged()
{
LoadDynamicModel();
}重新构造模型：
public Model3D ModelDynamic { get; set; }
public void LoadDynamicModel()
{
// Create some materials
var redMaterial = MaterialHelper.CreateMaterial(Color.FromRgb(Color_R, Color_G, Color_B));
var insideMaterial = MaterialHelper.CreateMaterial(Colors.Gray);
// Create a model group
Model3DGroup modelDynamic = new Model3DGroup();
//模型
MeshBuilder meshBoxBuilder = new MeshBuilder(false, false);
meshBoxBuilder.AddEllipsoid(new Point3D(20, 20, 10), 5, 5, 5);
MeshGeometry3D meshBox = meshBoxBuilder.ToMesh(true);
modelDynamic.Children.Add(new GeometryModel3D { Geometry = meshBox, Material = redMaterial, BackMaterial = insideMaterial });
this.ModelDynamic = modelDynamic;
}
加载模型
全部通过代码来实现模型是非常困难的，特别是一些较复杂的模型，可以通过3D软件进行设计，并把设计好的模型导入进来，这样就比较愉快了。
public Model3DGroup ModelBase { get; set; }
private void LoadBaseModel()
{
model_1 = LoadModel(@"D:\3DModel\1.stl");
ModelBase = new Model3DGroup();
ModelBase.Children.Add(model_1);
}LoadModel方法如下：
private Model3DGroup LoadModel(string path)
{
if (path == null)
{
return null;
}
string ext = System.IO.Path.GetExtension(path).ToLower();
Model3DGroup model;
switch (ext)
{
case ".3ds":
{
var r = new HelixToolkit.Wpf.StudioReader();
model = r.Read(path);
break;
}
case ".lwo":
{
var r = new HelixToolkit.Wpf.LwoReader();
model = r.Read(path);
break;
}
case ".obj":
{
var r = new HelixToolkit.Wpf.ObjReader();
model = r.Read(path);
break;
}
case ".objz":
{
var r = new HelixToolkit.Wpf.ObjReader();
model = r.ReadZ(path);
break;
}
case ".stl":
{
var r = new HelixToolkit.Wpf.StLReader();
model = r.Read(path);
break;
}
case ".off":
{
var r = new HelixToolkit.Wpf.OffReader();
model = r.Read(path);
break;
}
default:
throw new InvalidOperationException("File format not supported.");
}
return model;
}该方法支持的格式比较多，推荐stl格式。
在实际件使用时，组件内是可以加入多个模型的，可以把不会变化的模型采用导入的方式来实现，有些变化的模型（尺寸、位置、颜色等）通过代码来实现。
最后需要说明的是，采用WPF进行3D开发，其功能是很有限的，很难实现较复杂的效果和交互功能，想要更好的效果可能采用Unity更加合适了。
资源
系列目录：WPF开发快速入门【0】前言与目录
很好奇，就使用rubyonrails自动化单元测试而言，你们正在做什么？您是否创建了一个脚本来在cron中运行rake作业并将结果邮寄给您？git中的预提交Hook？只是手动调用？我完全理解测试，但想知道在错误发生之前捕获错误的最佳实践是什么。让我们理所当然地认为测试本身是完美无缺的，并且可以正常工作。下一步是什么以确保他们在正确的时间将可能有害的结果传达给您？ 最佳答案 不确定您到底想听什么，但是有几个级别的自动代码库控制:在处理某项功能时，您可以使用类似autotest的内容获得关于哪些有效，哪些无效的即时反馈。要确保您的提
在控制台中反复尝试之后，我想到了这种方法，可以按发生日期对类似activerecord的(Mongoid)对象进行分组。我不确定这是完成此任务的最佳方法，但它确实有效。有没有人有更好的建议，或者这是一个很好的方法？#eventsisanarrayofactiverecord-likeobjectsthatincludeatimeattributeevents.map{|event|#converteventsarrayintoanarrayofhasheswiththedayofthemonthandtheevent{:number=>event.time.day,:event=>ev
我正在编写一个包含C扩展的gem。通常当我写一个gem时，我会遵循TDD的过程，我会写一个失败的规范，然后处理代码直到它通过，等等......在“ext/mygem/mygem.c”中我的C扩展和在gemspec的“扩展”中配置的有效extconf.rb，如何运行我的规范并仍然加载我的C扩展？当我更改C代码时，我需要采取哪些步骤来重新编译代码？这可能是个愚蠢的问题，但是从我的gem的开发源代码树中输入“bundleinstall”不会构建任何native扩展。当我手动运行rubyext/mygem/extconf.rb时，我确实得到了一个Makefile(在整个项目的根目录中)，然后当
这是一道面试题，我没有答对，但还是很好奇怎么解。你有N个人的大家庭，分别是1,2,3,...,N岁。你想给你的大家庭拍张照片。所有的家庭成员都排成一排。“我是家里的friend，建议家庭成员安排如下:”1岁的家庭成员坐在这一排的最左边。每两个坐在一起的家庭成员的年龄相差不得超过2岁。输入:整数N，1≤N≤55。输出:摄影师可以拍摄的照片数量。示例->输入:4，输出:4符合条件的数组:[1,2,3,4][1,2,4,3][1,3,2,4][1,3,4,2]另一个例子:输入:5输出:6符合条件的数组:[1,2,3,4,5][1,2,3,5,4][1,2,4,3,5][1,2,4,5,3][
我已经在Sinatra上创建了应用程序，它代表了一个简单的API。我想在生产和开发上进行部署。我想在部署时选择，是开发还是生产，一些方法的逻辑应该改变，这取决于部署类型。是否有任何想法，如何完成以及解决此问题的一些示例。例子:我有代码get'/api/test'doreturn"Itisdev"end但是在部署到生产环境之后我想在运行/api/test之后看到ItisPROD如何实现？ 最佳答案 根据SinatraDocumentation:EnvironmentscanbesetthroughtheRACK_ENVenvironm
我已经构建了一些serverspec代码来在多个主机上运行一组测试。问题是当任何测试失败时，测试会在当前主机停止。即使测试失败，我也希望它继续在所有主机上运行。Rakefile:namespace:specdotask:all=>hosts.map{|h|'spec:'+h.split('.')[0]}hosts.eachdo|host|begindesc"Runserverspecto#{host}"RSpec::Core::RakeTask.new(host)do|t|ENV['TARGET_HOST']=hostt.pattern="spec/cfengine3/*_spec.r
有没有办法在这个简单的get方法中添加超时选项？我正在使用法拉第3.3。Faraday.get(url)四处寻找，我只能先发起连接后应用超时选项，然后应用超时选项。或者有什么简单的方法？这就是我现在正在做的:conn=Faraday.newresponse=conn.getdo|req|req.urlurlreq.options.timeout=2#2secondsend 最佳答案 试试这个:conn=Faraday.newdo|conn|conn.options.timeout=20endresponse=conn.get(url
我们的git存储库中目前有一个Gemfile。但是，有一个gem我只在我的环境中本地使用(我的团队不使用它)。为了使用它，我必须将它添加到我们的Gemfile中，但每次我checkout到我们的master/dev主分支时，由于与跟踪的gemfile冲突，我必须删除它。我想要的是类似Gemfile.local的东西，它将继承从Gemfile导入的gems，但也允许在那里导入新的gems以供使用只有我的机器。此文件将在.gitignore中被忽略。这可能吗？ 最佳答案 设置BUNDLE_GEMFILE环境变量:BUNDLE_GEMFI
这似乎非常适得其反，因为太多的gem会在window上破裂。我一直在处理很多mysql和ruby-mysqlgem问题(gem本身发生段错误，一个名为UnixSocket的类显然在Windows机器上不能正常工作，等等)。我只是在浪费时间吗？我应该转向不同的脚本语言吗？ 最佳答案 我在Windows上使用Ruby的经验很少，但是当我开始使用Ruby时，我是在Windows上，我的总体印象是它不是Windows原生系统。因此，在主要使用Windows多年之后，开始使用Ruby促使我切换回原来的系统Unix，这次是Linux。Rub
我想在Ruby中创建一个用于开发目的的极其简单的Web服务器(不，不想使用现成的解决方案)。代码如下:#!/usr/bin/rubyrequire'socket'server=TCPServer.new('127.0.0.1',8080)whileconnection=server.acceptheaders=[]length=0whileline=connection.getsheaders想法是从命令行运行这个脚本，提供另一个脚本，它将在其标准输入上获取请求，并在其标准输出上返回完整的响应。到目前为止一切顺利，但事实证明这真的很脆弱，因为它在第二个请求上中断并出现错误:/usr/b