本文实例为大家分享了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();

}

///

/// 绘制三角形

///

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

{

///

/// 三角形列表

///

private List triangles;

///

/// 点和与其对应三角形字典

///

public Dictionary pointTriangles;

///

/// 容器

///

private Canvas containerCanvas;

///

/// 三角形宽

///

private int triangleWidth = 100;

///

/// 三角形高

///

private int triangleHeight = 100;

///

/// 三角形横向数量

///

private int horizontalCount = 10;

///

/// 三角形纵向数量

///

private int verticalCount = 5;

///

/// X坐标运动范围

///

private int XRange = 100;

///

/// Y坐标运动范围

///

private int YRange = 10;

///

/// 坐标运动速度

///

private int speed = 10;

///

/// 三角形颜色深度

///

private double zIndex = 10.0;

///

/// 随机数

///

private Random random;

public TriangleSystem(Canvas ca)

{

containerCanvas = ca;

random = new Random();

triangles = new List();

pointTriangles = new Dictionary();

SpawnTriangle();

}

///

/// 三角形初始化

///

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);

}

}

}

///

/// 添加公共点和三角形集合键值对

///

private void AddPointTriangles(Point p, Triangle t1, Triangle t2)

{

if (!this.pointTriangles.Keys.Contains(p))

{

List ts = new List();

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);

}

}

///

/// 获取三角形颜色

///

private Color GetTriangleColor(double index)

{

return Color.FromArgb((byte)(255 * index), 230, 18, 65);

}

///

/// 更新三角形

///

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();

}

}

}

///

/// 计算顶点值

///

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 triangles;

public Vector vector;

}

4、主窗体交互逻辑

private TriangleSystem ts;

public MainWindow()

{

InitializeComponent();

ts = new TriangleSystem(this.mainCanvas);

CompositionTarget.Rendering += CompositionTarget_Rendering;

}

///

/// 帧渲染事件

///

private void CompositionTarget_Rendering(object sender, EventArgs e)

{

ts.Update();

}

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

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