原文: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. hdu 1166 敌兵布阵 线段树 点更新
			
    // hdu 1166 敌兵布阵 线段树 点更新 // // 这道题裸的线段树的点更新,直接写就能够了 // // 一直以来想要进线段树的坑,结果一直没有跳进去,今天算是跳进去吧, // 尽管十分简单 ...
    
			
    2. 
						
  2. Html中CSS之去除li前面的小黑点,和ul、LI部分属性方法
			
    对于很多人用div来做网站时,总会用到,但在显示效果时前面总是会有一个小黑点,这个令很多人头痛,但又找不到要源,其它我们可以用以下方法来清除.1.在CSS中写入代码.找到相关性的CSS,在..li和. ...
    
			
    3. 
						
  3. [Angular Directive] Combine HostBinding with Services in Angular 2 Directives
			
    You can change behaviors of element and @Component properties based on services using @HostBinding i ...
    
			
    4. 
						
  4. 【转】request和response的页面跳转
			
    跳转:request.getRequestDispatcher("p3.jsp").forward(request,response);这种方法称为转发,地址栏上的URL不会改变: ...
    
			
    5. 
						
  5. [Angular] USING ZONES IN ANGULAR FOR BETTER PERFORMANCE
			
    Link to the artical. Zone detects any async opreations. Once an async oprations happens in Angular,  ...
    
			
    6. 
						
  6. VO对象通过groovy模板映射XML文件
			
    介绍 之前写过JAVA+XSLT相关的技术博客,近期研究了一个开源工具包org.codehaus.groovy,处理VO对象和XML文件映射很方便. 简言之:将VO对象中的属性(包含Collectio ...
    
			
    7. 
						
  7. 百度消息推送SDK探究（并附上最简推送Demo）
			
    上一篇<百度消息推送REST API探究>中了解了如何使用REST API推送消息,这一篇我们来看一下百度消息推送为我们提供的SDK. 帮助文档:http://developer.baid ...
    
			
    8. 
						
  8. 配置SVN服务器
			
    svn启动: 版本控制对于团队合作显得尤为重要,那么如何在iOS开发中进行版本控制呢?在今天的博客中将会介绍如何在MAC下配置SVN服务器,如何导入我们的工程,如何在Xcode中进行工程的checkO ...
    
			
    9. 
						
  9. 你的服务器没有正确响应Token验证的解决方法
			
    你的服务器没有正确响应Token验证,请阅读消息接口使用指南 微信 微信公众平台开发模式 平台 消息 接口 启用 URL Token作者:http://txw1958.cnblogs.com/ 原文: ...
    
			
    10. 
						
  10. Android高度仿新浪微博引导页面
			
    在写这一篇文章之前,先向大家推荐一篇博文:http://blog.csdn.net/dawanganban/article/details/17297671 感谢这位博主,我在该博主的基础上完成了对新 ...
    
			
    11.