快捷導(dǎo)航

C# WPF實現(xiàn)動態(tài)3D光照效果

更新時間：2023年03月01日 09:27:35 作者：微小冷

這篇文章主要為大家詳細(xì)介紹了如何利用C# WPF實現(xiàn)動態(tài)3D的光照效果，文中的示例代碼講解詳細(xì)，感興趣的小伙伴可以跟隨小編一起學(xué)習(xí)一下

交互式調(diào)節(jié)光效

接下來想動態(tài)實現(xiàn)光照效果，即如下圖所示

看到這個滾動條，大家可能馬上想到，將Slider和Light的內(nèi)容綁定在一起似乎更容易實現(xiàn)。所以第一步就是把光效和幾何模型分開，其著手點自然是mainViewport，將其內(nèi)部填充如下內(nèi)容。

<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就是光效，而且是最普通的全部照亮。相應(yīng)地更改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的內(nèi)外尺寸和Slider綁定在一起。這個操作大家應(yīng)該是比較熟悉的了，畢竟早在畫立方體的時候就已經(jīng)演示過了。

首先，用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>

給地球點顏色看看

由于此前一直是白光照明，所以有些枯燥，故而接下來用不同顏色的光照明，其效果為

顏色也是光效的一部分，但由于顏色并不是單個的數(shù)值，從而難以直接綁定，但其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是個全局變量，當(dāng)所有界面初始化完成之后設(shè)為True。

到此這篇關(guān)于C# WPF實現(xiàn)動態(tài)3D光照效果的文章就介紹到這了,更多相關(guān)C# WPF動態(tài)3D光照內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

您可能感興趣的文章: