原文: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. 线上java排查
			
    http://www.oschina.net/question/560995_137855?sort=default&p=3#answers http://www.blogjava.net/h ...
    
			
    2. 
						
  2. 建立空间参考 ISpatialReference
			
    转自原文建立空间参考 ISpatialReference ISpatialReferenceFactory spatialReferenceFactory = new SpatialReference ...
    
			
    3. 
						
  3. Uncaught SyntaxError: Invalid regular expression flags（看页面源代码）
			
    Uncaught SyntaxError: Invalid regular expression flags(看页面源代码) 一.总结 js或者jquery方面的错误看页面源代码,一下子错误就很清晰了 ...
    
			
    4. 
						
  4. 【37.07%】【UESTC 360】Another LCIS
			
    Time Limit: 3000/1000MS (Java/Others)     Memory Limit: 65535/65535KB (Java/Others) Submit  Status F ...
    
			
    5. 
						
  5. SimpleDateFormat.format的简单使用小结
			
    format的用法 是将当前时间格式转换为指定格式 场景一:给定毫秒数或者当前系统时间,返回指定时间格式 输入         Date date=new Date();//获得系统当前的时间 //  ...
    
			
    6. 
						
  6. CSU1323: ZZY and his little friends
			
    Description zzy养了一只小怪兽和N只凹凸曼,单挑的话每只凹凸曼都不是小怪兽的对手,所以必须由两只凹凸曼合作来和小怪兽战斗.凹凸曼A和凹凸曼B合作的战斗力为他们战斗力的异或值.现在由zzy ...
    
			
    7. 
						
  7. .NETCore 实现容器化Docker与私有镜像仓库管理
			
    原文:.NETCore 实现容器化Docker与私有镜像仓库管理 一.Docker介绍 Docker是用Go语言编写基于Linux操作系统的一些特性开发的,其提供了操作系统级别的抽象,是一种容器管理技 ...
    
			
    8. 
						
  8. 【t080】遗址
			
    Time Limit: 1 second Memory Limit: 128 MB [问题描述] 很久很久以前有一座寺庙,从上往下看寺庙的形状正好是一个正方形,在4个角上竖立着圆柱搭建而成.现在圆柱都 ...
    
			
    9. 
						
  9. http协议头文件的控制信息(转)
			
    通常HTTP消息包括客户机向服务器的请求消息和服务器向客户机的响应消息.这两种类型的消息由一个起始行,一个或者多个头域,一个只是头域结束的空行和可选的消息体组成.HTTP的头域包括通用头,请求头,响应 ...
    
			
    10. 
						
  10. kettle的job中运行每行
			
     job中运行每行 有时,我们须要job或转换执行多次.且每次传入的參数都不同.假如你正在做数据迁移的工作,须要导入每天的旧数据,则须要一个job依据指定的日期导入数据,该日期被指定作为參数.假设 ...
    
			
    11.