C# WPF實現動態(tài)3D光照效果
交互式調節(jié)光效
接下來想動態(tài)實現光照效果,即如下圖所示

看到這個滾動條,大家可能馬上想到,將Slider和Light的內容綁定在一起似乎更容易實現。所以第一步就是把光效和幾何模型分開,其著手點自然是mainViewport,將其內部填充如下內容。
<Viewport3D Name="mainViewport">
<Viewport3D.Camera>
<PerspectiveCamera x:Name="camera"/>
</Viewport3D.Camera>
<ModelVisual3D x:Name="visual3d">
<ModelVisual3D.Content>
<Model3DGroup x:Name="MainGroup">
<AmbientLight Color="White"/>
</Model3DGroup>
</ModelVisual3D.Content>
</ModelVisual3D>
</Viewport3D>
其中,AmbientLight就是光效,而且是最普通的全部照亮。相應地更改cs端的代碼,主要變化為
private void initialize3D()
{
DefineCamera(mainViewport);
DefineModel(MainGroup);
}
private void DefineCamera(Viewport3D viewport)
{
camera = new PerspectiveCamera();
camera.FieldOfView = 60;
new Ctrl(camera, viewport, this, viewport, viewport);
}
MeshGeometry3D mesh;
private void DefineModel(Model3DGroup group)
{
// 生成曲面.
mesh = SetEarth(50, 50);
ImageBrush smileyBrush = new ImageBrush();
smileyBrush.ImageSource = new BitmapImage(new Uri("cs3d_8.jpg", UriKind.Relative));
SurfaceModel = new GeometryModel3D(mesh, new DiffuseMaterial(smileyBrush));
group.Children.Add(SurfaceModel);
}
接下來則著手改造xml端的光效,方法是將SpotLihght的內外尺寸和Slider綁定在一起。這個操作大家應該是比較熟悉的了,畢竟早在畫立方體的時候就已經演示過了。
首先,用DockPanel布局,將Slider放在上面的WrapPanel中。
<DockPanel LastChildFill="True">
<WrapPanel DockPanel.Dock="Top">
<WrapPanel DockPanel.Dock="Top" Margin="0 0 10 0">
<WrapPanel>
<TextBlock Text="Inner"/>
<Slider Width="200" Value="3" Maximum="20" Minimum="1" x:Name="sInner"/>
<TextBox Text="{Binding ElementName=sInner,Path=Value, UpdateSourceTrigger=PropertyChanged, Mode=TwoWay}"
Margin="0 5" Width="30"/>
</WrapPanel>
<WrapPanel Margin="10 0 0 0">
<TextBlock Text="Outer"/>
<Slider Width="200" Value="10" Maximum="30" Minimum="1" x:Name="sOuter"/>
<TextBox Text="{Binding ElementName=sOuter,Path=Value, UpdateSourceTrigger=PropertyChanged, Mode=TwoWay}"
Margin="0 5" Width="30"/>
</WrapPanel>
</WrapPanel>
<Viewport3D Name="mainViewport">
</Viewport3D>
</DockPanel>
給地球點顏色看看
由于此前一直是白光照明,所以有些枯燥,故而接下來用不同顏色的光照明,其效果為

顏色也是光效的一部分,但由于顏色并不是單個的數值,從而難以直接綁定,但其Slider代碼和sInner是差不多的,對于RGB通道,分別建立如下的區(qū)塊。
<WrapPanel Margin="5">
<TextBlock Text="R"/>
<Slider Width="200" Value="150" Maximum="255" Minimum="0" x:Name="sColorR" ValueChanged="colorChanged"/>
<TextBox Text="{Binding ElementName=sColorR,Path=Value, UpdateSourceTrigger=PropertyChanged, Mode=TwoWay}"
Margin="0 5" Width="30"/>
</WrapPanel>
然后將colorChanged寫為
private void colorChanged(object sender, RoutedPropertyChangedEventArgs<double> e)
{
if (!isInit)
return;
mySpotLight.Color = Color.FromRgb(
(byte)sColorR.Value, (byte)sColorG.Value, (byte)sColorB.Value);
}
其中,isInit是個全局變量,當所有界面初始化完成之后設為True。
到此這篇關于C# WPF實現動態(tài)3D光照效果的文章就介紹到這了,更多相關C# WPF動態(tài)3D光照內容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關文章希望大家以后多多支持腳本之家!
相關文章
C# 復制指定節(jié)點的所有子孫節(jié)點到新建的節(jié)點下
這篇文章主要介紹了C# 復制指定節(jié)點的所有子孫節(jié)點到新建的節(jié)點下的相關資料,非常不錯具有一定的參考借鑒價值,需要的朋友可以參考下2016-10-10

