原文:WPF特效-鱼游动动画

  实现思路：

          通过VisualBrush Binding方式获取鱼局部图像，在Viewport3D中创建ModelVisual3D块并把获取到的局部图通过VisualBrush Binding方式赋值。然后对ModelVisual3D块写3D 动画。

          我的鱼原始图：

实现的效果：

                     

 其他套路：

      序列图动画帧循环加载。

       查阅资源，几乎都是在3DMax 或者Unity中实现，未找到纯靠代码实现的可参考的c# 或WPF版。 

其他参考：

   
                        <GeometryModel3D.Material>

                            <DiffuseMaterial>

                                <DiffuseMaterial.Brush>

                                    <VisualBrush Visual="{Binding ElementName=GdTailZm}"/>

                                </DiffuseMaterial.Brush>

                            </DiffuseMaterial>

                        </GeometryModel3D.Material>




 <Grid Width="200" Height="164">
        <Grid x:Name="GdBaseFishZm" Background="Transparent" Opacity="0">
            <Grid x:Name="GdMainZm" Background="Transparent">
                <Image x:Name="ImgMainZm" Margin="20"/>
            </Grid>
            
        </Grid>
        <Rectangle x:Name="RectFrontZm">
            <Rectangle.Fill>
                <VisualBrush Visual="{Binding ElementName=GdMainZm}"/>
            </Rectangle.Fill>
            <Rectangle.Clip>
                <RectangleGeometry Rect="0,50,141,114"/>
            </Rectangle.Clip>
        </Rectangle>
        <Grid Opacity="0">
            <Grid x:Name="GdTailZm" Background="Transparent">
                <Rectangle x:Name="RectTailZm">
                    <Rectangle.Fill>
                        <VisualBrush Visual="{Binding ElementName=GdMainZm}"/>
                    </Rectangle.Fill>
                    <Rectangle.Clip>
                        <RectangleGeometry Rect="140,0,60,164"/>
                    </Rectangle.Clip>
                </Rectangle>
            </Grid>
        </Grid>

        <Grid Opacity="0">
            <Grid x:Name="GdUpZm" Background="Transparent">
                <Rectangle x:Name="RectUpZm">
                    <Rectangle.Fill>
                        <VisualBrush Visual="{Binding ElementName=GdMainZm}"/>
                    </Rectangle.Fill>
                    <Rectangle.Clip>
                        <RectangleGeometry Rect="0,0,160,50"/>
                    </Rectangle.Clip>
                </Rectangle>
            </Grid>
        </Grid>

        <Viewport3D>
            <Viewport3D.Camera>
                <PerspectiveCamera Position="0,0,1.3" LookDirection="0,0,-1" FieldOfView="75"/>

            </Viewport3D.Camera>

            <ModelVisual3D>
                <ModelVisual3D.Content>
                    <Model3DGroup>
                        <AmbientLight Color="White"/>
                    </Model3DGroup>
                </ModelVisual3D.Content>
            </ModelVisual3D>

            <ModelVisual3D>
                <ModelVisual3D.Content>
                    <GeometryModel3D>
                        <GeometryModel3D.Geometry>
                            <MeshGeometry3D Positions="-1,-0.82,0  1,-0.82,0 1,0.82,0 -1,0.82,0"
                                            TriangleIndices="0,1,2 0,2,3"  TextureCoordinates="0 1 1 1 1 0 0 0">
                            </MeshGeometry3D>
                        </GeometryModel3D.Geometry>
                        <GeometryModel3D.Material>
                            <DiffuseMaterial>
                                <DiffuseMaterial.Brush>
                                    <VisualBrush Visual="{Binding ElementName=GdUpZm}"/>
                                </DiffuseMaterial.Brush>
                            </DiffuseMaterial>
                        </GeometryModel3D.Material>
                        <GeometryModel3D.Transform>
                            <Transform3DGroup>
                                <RotateTransform3D>
                                    <RotateTransform3D.Rotation>
                                        <AxisAngleRotation3D x:Name="FishUpAxis" Axis="1 0 1" Angle="-3"/>
                                    </RotateTransform3D.Rotation>
                                </RotateTransform3D>
                            </Transform3DGroup>
                        </GeometryModel3D.Transform>
                    </GeometryModel3D>
                </ModelVisual3D.Content>
            </ModelVisual3D>
            

          
        </Viewport3D>

        <Viewport3D>
            <Viewport3D.Camera>
                <PerspectiveCamera Position="0,0,1.3" LookDirection="0,0,-1" FieldOfView="75"/>

            </Viewport3D.Camera>

            <ModelVisual3D>
                <ModelVisual3D.Content>
                    <Model3DGroup>
                        <AmbientLight Color="White"/>
                    </Model3DGroup>
                </ModelVisual3D.Content>
            </ModelVisual3D>
            
            <ModelVisual3D>
                <ModelVisual3D.Content>
                    <GeometryModel3D>
                        <GeometryModel3D.Geometry>
                            <MeshGeometry3D Positions="-1,-0.82,0  1,-0.82,0 1,0.82,0 -1,0.82,0"
                                            TriangleIndices="0,1,2 0,2,3"  TextureCoordinates="0 1 1 1 1 0 0 0">
                            </MeshGeometry3D>
                        </GeometryModel3D.Geometry>
                        <GeometryModel3D.Material>
                            <DiffuseMaterial>
                                <DiffuseMaterial.Brush>
                                    <VisualBrush Visual="{Binding ElementName=GdTailZm}"/>
                                </DiffuseMaterial.Brush>
                            </DiffuseMaterial>
                        </GeometryModel3D.Material>
                        <GeometryModel3D.Transform>
                            <Transform3DGroup>
                                <RotateTransform3D CenterX="0.38">
                                    <RotateTransform3D.Rotation>
                                        <AxisAngleRotation3D x:Name="FishTailAxis" Axis="0 1 0" Angle="-70"/>
                                    </RotateTransform3D.Rotation>
                                </RotateTransform3D>
                            </Transform3DGroup>
                        </GeometryModel3D.Transform>
                    </GeometryModel3D>
                </ModelVisual3D.Content>
            </ModelVisual3D>

        </Viewport3D>

    </Grid>
                     


												


											
WPF特效-鱼游动动画的更多相关文章
	

    
						
  1. WPF特效-鱼游动动画3
		
    原文:WPF特效-鱼游动动画3 WPF不支持骨骼,故使用3DMax导出了序列模型文件(.mtl;.obj). 方法1: 使用Blend 2013打开所有obj文件,拖动排列一下即可在usercontr ...
    
		
    2. 
								
  2. WPF特效-鱼游动动画2
		
    原文:WPF特效-鱼游动动画2           纯代码撸动画实践2:           原图:(png格式)                                            ...
    
		
    3. 
						
  3. WPF特效：流光动画效果
		
    今天有人问我想实现一个流光效果.我简单的录了一下他想实现效果的GIF. 实际效果如下:因为今天有事情,只是大概实现了一个效果.主要使用PointAnimationUsingKeyFrames动画效果来 ...
    
		
    4. 
						
  4. WPF特效-粒子动画
		
    原文:WPF特效-粒子动画 WPF实现泡泡龙小游戏效果.     /// -Ball to Ball Collision - Detection and Handling    /// http:// ...
    
		
    5. 
						
  5. 【WPF】两则动画效果
		
    原文:[WPF]两则动画效果 引言 利用WPF的动画可以轻而易举的实现各种各样的特效,如擦除,滑动进入等,先看两个效果图 第一个效果 这个动画其实利用了OpacityMask和LinearGradie ...
    
		
    6. 
						
  6. WPF 加载等待动画
		
    原文:WPF 加载等待动画 版权声明:本文为博主原创文章,未经博主允许不得转载. https://blog.csdn.net/qq_29844879/article/details/80216587  ...
    
		
    7. 
						
  7. WPF实现射线效果动画
		
    原文:WPF实现射线效果动画 最近的一个项目中有个需求是:从一个点向其它多个点发出射线,要求这些射线同时发出,同时到达. 我就想到了用WPF的动画来实现.WPF中有Line类用于绘制直线,但这个类中好 ...
    
		
    8. 
						
  8. WPF特效-实现弧形旋转轮播图
		
    原文:WPF特效-实现弧形旋转轮播图 版权声明:本文为博主原创文章,未经博主允许不得转载. https://blog.csdn.net/u013224722/article/details/77004 ...
    
		
    9. 
						
  9. WPF 3D 平移模型+动画（桥梁检测系统）
		
    原文:WPF 3D 平移模型+动画(桥梁检测系统) 关于WPF 3D,网上有很多旋转的例子,但是关于平移的例子并不是太多.本文并非WPF 3D扫盲篇,因此需要对WPF 3D有一定了解,至少知道View ...
    
		
    10. 
		

	


随机推荐
	

    
									
  1. 【solr基础教程之二】索引                                                    分类：            H4_SOLR/LUCENCE             2014-07-18 21:06    3331人阅读    评论(0)    收藏
			
    一.向Solr提交索引的方式 1.使用post.jar进行索引 (1)创建文档xml文件 <add> <doc> <field name="id"&g ...
    
			
    2. 
						
  2. css3-6 表格如何设置样式和定位样式是什么
			
    css3-6 表格如何设置样式和定位样式是什么 一.总结 一句话总结:css可以解决所有属性设置的样式. 1.表格如何设置样式? css样式可以解决一切问题,没必要在表格上面加属性来设置样式. 7 t ...
    
			
    3. 
						
  3. php实现二叉树的镜像（二叉树就是递归）
			
    php实现二叉树的镜像(二叉树就是递归) 一.总结 二叉树就是递归 二.php实现二叉树的镜像 题目描述 操作给定的二叉树,将其变换为源二叉树的镜像. 输入描述: 二叉树的镜像定义:源二叉树 8 /  ...
    
			
    4. 
						
  4. windows 空闲超时 非管理员如何破解
			
    windows 空闲超时 非管理员如何破解
    
			
    5. 
						
  5. js实现计时功能
			
    原文链接:https://blog.csdn.net/qq_37936542/article/details/78912786 一:计时器功能 <!DOCTYPE html> <ht ...
    
			
    6. 
						
  6. 【u020】Couple number
			
    Time Limit: 1 second Memory Limit: 128 MB [问题描述] 任何一个整数N都能表示成另外两个整数a和b的平方差吗?如果能,那么这个数N就叫做Couple numb ...
    
			
    7. 
						
  7. spring boot中servlet启动原理
			
    启动过程及原理 1 spring boot 应用启动运行run方法 StopWatch stopWatch = new StopWatch(); stopWatch.start(); Configur ...
    
			
    8. 
						
  8. 【u210】kfc
			
    Time Limit: 1 second Memory Limit: 128 MB [问题描述] 最近Kfc新开了个KFC,该KFC提供N种食物,分别用1-N给这些食物编号,食物的价格与其编号有关,满 ...
    
			
    9. 
						
  9. java 线程排查问题流程
			
    1. 通过top命令查看当前系统CPU使用情况,定位CPU使用率超过100%的进程ID:2. 通过ps aux | grep PID命令进一步确定具体的线程信息:3. 通过ps -mp pid -o  ...
    
			
    10. 
						
  10. 验证redis的快照和AOF
			
    http://blog.csdn.net/lichangzai/article/details/8692103 redis持久化简介: redis是一个支持持久化的内存数据库,也就是说redis需要经 ...
    
			
    11.