WPF实现平面三角形3D运动效果

 更新时间:2020年09月03日 17:17:13   作者:RunnerDNA  
这篇文章主要为大家详细介绍了WPF实现平面三角形3D运动效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

本文实例为大家分享了WPF实现平面三角形3D运动效果的具体代码,供大家参考,具体内容如下

实现效果如下:

思路:封装三角形三个顶点和路径的三角形类,图形渲染时同步更新公共顶点三角形的顶点位置。

步骤:

1、三角形类Triangle.cs

public Point A, B, C;//初始三个顶点
public Point VA, VB, VC;//运动的三个顶点
public Path trianglePath;//三角形路径
public Color triangleColor;//填充
public double ColorIndex;//颜色深度
 
  public Triangle(Point a, Point b, Point c, Color co, double z)
  {
   A = VA = a;
   B = VB = b;
   C = VC = c;
   triangleColor = co;
   ColorIndex = z;
   trianglePath = new Path();
   Draw();
  }
 
  /// <summary>
  /// 绘制三角形
  /// </summary>
  public void Draw()
  {
   var g = new StreamGeometry();
   using (StreamGeometryContext context = g.Open())
   {
    context.BeginFigure(VA, true, true);
    context.LineTo(VB, true, false);
    context.LineTo(VC, true, false);
   }
   trianglePath.Data = g;
   trianglePath.Fill = new SolidColorBrush(triangleColor);
  }

2、 三角形系统类TriangleSystem.cs

public class TriangleSystem
 {
  /// <summary>
  /// 三角形列表
  /// </summary>
  private List<Triangle> triangles;
 
  /// <summary>
  /// 点和与其对应三角形字典
  /// </summary>
  public Dictionary<Point, PointClass> pointTriangles;
 
  /// <summary>
  /// 容器
  /// </summary>
  private Canvas containerCanvas;
 
  /// <summary>
  /// 三角形宽
  /// </summary>
  private int triangleWidth = 100;
 
  /// <summary>
  /// 三角形高
  /// </summary>
  private int triangleHeight = 100;
 
  /// <summary>
  /// 三角形横向数量
  /// </summary>
  private int horizontalCount = 10;
 
  /// <summary>
  /// 三角形纵向数量
  /// </summary>
  private int verticalCount = 5;
 
  /// <summary>
  /// X坐标运动范围
  /// </summary>
  private int XRange = 100;
 
  /// <summary>
  /// Y坐标运动范围
  /// </summary>
  private int YRange = 10;
 
  /// <summary>
  /// 坐标运动速度
  /// </summary>
  private int speed = 10;
 
  /// <summary>
  /// 三角形颜色深度
  /// </summary>
  private double zIndex = 10.0;
 
  /// <summary>
  /// 随机数
  /// </summary>
  private Random random;
 
  public TriangleSystem(Canvas ca)
  {
   containerCanvas = ca;
   random = new Random();
   triangles = new List<Triangle>();
   pointTriangles = new Dictionary<Point, PointClass>();
 
   SpawnTriangle();
  }
 
  /// <summary>
  /// 三角形初始化
  /// </summary>
  private void SpawnTriangle()
  {
   //清空队列
   triangles.Clear();
 
   for (int i = 0; i < horizontalCount; i++)
   {
    for (int j = 0; j < verticalCount; j++)
    {
     Point A = new Point(i * triangleWidth, j * triangleHeight);
     Point B = new Point(i * triangleWidth, (j + 1) * triangleHeight);
     Point C = new Point((i + 1) * triangleWidth, (j + 1) * triangleHeight);
     Point D = new Point((i + 1) * triangleWidth, j * triangleHeight);
 
     double index = (i * horizontalCount / zIndex + j * verticalCount / zIndex ) / zIndex;
     index = index > 1 ? 1 : index < 0.1 ? 0.1 : index;
     Triangle t1 = new Triangle(A, B, C, GetTriangleColor(index), index);
     Triangle t2 = new Triangle(A, D, C, GetTriangleColor(index - 0.1), index - 0.1);
 
     //公共点和三角形集合键值对
     AddPointTriangles(A, t1, t2);
     AddPointTriangles(B, t1, t2);
     AddPointTriangles(C, t1, t2);
     AddPointTriangles(D, t1, t2);
 
     //添加三角形
     this.containerCanvas.Children.Add(t1.trianglePath);
     this.containerCanvas.Children.Add(t2.trianglePath);
     this.triangles.Add(t1);
     this.triangles.Add(t2);
    }
   }
  }
 
  /// <summary>
  /// 添加公共点和三角形集合键值对
  /// </summary>
  private void AddPointTriangles(Point p, Triangle t1, Triangle t2)
  {
   if (!this.pointTriangles.Keys.Contains(p))
   {
    List<Triangle> ts = new List<Triangle>();
    ts.Add(t1);
    ts.Add(t2);
    PointClass pc = new PointClass
    {
     triangles = ts,
     vector = new Vector(random.Next(-speed, speed) * 0.05, random.Next(-speed, speed) * 0.05),
    };
    this.pointTriangles.Add(p, pc);
   }
   else
   {
    if (!this.pointTriangles[p].triangles.Contains(t1))
     this.pointTriangles[p].triangles.Add(t1);
    if (!this.pointTriangles[p].triangles.Contains(t2))
     this.pointTriangles[p].triangles.Add(t2);
   }
  }
 
  /// <summary>
  /// 获取三角形颜色
  /// </summary>
  private Color GetTriangleColor(double index)
  {
   return Color.FromArgb((byte)(255 * index), 230, 18, 65);
  }
 
  /// <summary>
  /// 更新三角形
  /// </summary>
  public void Update()
  {
   foreach (var pt in pointTriangles)
   {
    foreach (var t in pt.Value.triangles)
    {
     if (t.A == pt.Key)
      t.VA = GetPointValue(t.VA, t.A, ref pt.Value.vector, ref t.triangleColor, ref t.ColorIndex);
     if (t.B == pt.Key)
      t.VB = GetPointValue(t.VB, t.B, ref pt.Value.vector, ref t.triangleColor, ref t.ColorIndex);
     if (t.C == pt.Key)
      t.VC = GetPointValue(t.VC, t.C, ref pt.Value.vector, ref t.triangleColor, ref t.ColorIndex);
     t.Draw();
    }
   }
  }
 
  /// <summary>
  /// 计算顶点值
  /// </summary>
  private Point GetPointValue(Point p1, Point p2, ref Vector v, ref Color c, ref double index)
  {
   Point getPoint = new Point();
   if (p1.X + v.X < p2.X + XRange && p1.X + v.X > p2.X - XRange)
    getPoint.X = p1.X + v.X;
   else
   {
    v.X = -v.X;
    index = index > 1 ? index - 0.01 : index < 0.01 ? index + 0.01 : index - 0.01;
    c = GetTriangleColor(index);
    getPoint.X = p1.X + v.X;
   }
    
   if (p1.Y + v.Y < p2.Y + YRange && p1.Y + v.Y > p2.Y - YRange)
    getPoint.Y = p1.Y + v.Y;
   else
   {
    v.Y = -v.Y;
    getPoint.Y = p1.Y + v.Y;
   }
   return getPoint;
  }
 }

3、PointClass.cs

public class PointClass
 {
  public List<Triangle> triangles;
  public Vector vector;
 }

4、主窗体交互逻辑

private TriangleSystem ts;
 
 public MainWindow()
  {
   InitializeComponent();
   ts = new TriangleSystem(this.mainCanvas);
   CompositionTarget.Rendering += CompositionTarget_Rendering;
  }
 
  /// <summary>
  /// 帧渲染事件
  /// </summary>
  private void CompositionTarget_Rendering(object sender, EventArgs e)
  {
   ts.Update();
  }

不足:其中颜色渲染方式不够完善,无法完全模仿3D起伏的效果,有兴趣的可以一起探讨优化。

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。

相关文章

  • 基于C# winform实现图片上传功能的方法

    基于C# winform实现图片上传功能的方法

    这篇文章主要介绍了基于C# winform实现图片上传功能的方法,很实用的功能,需要的朋友可以参考下
    2014-07-07
  • C# WPF后台动态添加控件实战教程

    C# WPF后台动态添加控件实战教程

    最近尝试用wpf在后台动态添加控件,所以下面这篇文章主要给大家介绍了关于C# WPF后台动态添加控件的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下
    2022-05-05
  • C#实现图片加相框的方法

    C#实现图片加相框的方法

    这篇文章主要介绍了C#实现图片加相框的方法,涉及C#图片及图形绘制的相关技巧,需要的朋友可以参考下
    2016-02-02
  • C# 中的 LINQ语法和类型(两种语法)

    C# 中的 LINQ语法和类型(两种语法)

    LINQ 允许开发人员直接在 C# 代码中编写查询,从而更轻松地操作和转换数据,这篇文章主要介绍了C# 中的 LINQ:语法和类型,需要的朋友可以参考下
    2024-06-06
  • C#操作IIS程序池及站点的创建配置实现代码

    C#操作IIS程序池及站点的创建配置实现代码

    最近在做一个WEB程序的安装包;对一些操作IIS进行一个简单的总结;主要包括对IIS进行站点的新建以及新建站点的NET版本的选择,还有针对IIS7程序池的托管模式以及版本的操作
    2013-03-03
  • UnityUI中绘制线状统计图

    UnityUI中绘制线状统计图

    这篇文章介绍了UnityUI中绘制线状统计图的方法,文中通过示例代码介绍的非常详细。对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2022-04-04
  • C#使用Thrift作为RPC框架入门详细教程

    C#使用Thrift作为RPC框架入门详细教程

    这篇文件我们讲了从0到1使用thrift框架的方法,也讲了一些该框架的基本知识,本文将详细介绍 Thrift 在C#语言下的使用方式,并且提供丰富的实例代码加以解释说明,帮助使用者快速构建服务,感兴趣的朋友一起看看吧
    2021-11-11
  • Unity3D实现模型淡入淡出效果

    Unity3D实现模型淡入淡出效果

    这篇文章主要为大家详细介绍了Unity3D实现模型淡出效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2019-02-02
  • C# 窗口过程消息处理 WndProc的方法详解

    C# 窗口过程消息处理 WndProc的方法详解

    在WinForm中一般采用重写WndProc的方法对窗口或控件接受到的指定消息进行处理,本文给大家介绍C#窗口过程消息处理WndProc的方法详解,感兴趣的朋友一起看看吧
    2025-04-04
  • c#使用csredis操作redis的示例

    c#使用csredis操作redis的示例

    这篇文章主要介绍了c#使用csredis操作redis的示例,帮助大家更好的理解和使用c#,感兴趣的朋友可以了解下
    2020-12-12

最新评论