WPF实现3D立方体波浪墙效果
更新时间:2020年11月3日 15:19 点击:1864
本文实例为大家分享了WPF实现3D立方体波浪墙效果的具体代码,供大家参考,具体内容如下
实现效果如下:
思路:仿照3D粒子系统,将粒子颗粒的Geometry改造为立方体,鼠标移动时将鼠标位置转为3D场景中的坐标。
步骤:
1、粒子类Particle.cs
public Point3D Position;//位置 public double Width;//长方体底面宽 public double Height;//长方体侧面高
2、粒子系统ParticleSystem.cs
private readonly List<Particle> _particleList; private readonly GeometryModel3D _particleModel; private readonly int CUBOIDHEIGHT = 20; private readonly int MOUSERADIUS = 1000; private int XParticleCount; private int YParticleCount; public Model3D ParticleModel => _particleModel; public ParticleSystem(int amountX, int amountY, Color color) { XParticleCount = amountX; YParticleCount = amountY; _particleList = new List<Particle>(); _particleModel = new GeometryModel3D { Geometry = new MeshGeometry3D() }; var material = new DiffuseMaterial(new SolidColorBrush(color)); _particleModel.Material = material; } public void SpawnParticle(double size) { // 初始化粒子位置和大小 for (int ix = 0; ix < XParticleCount; ix++) { for (int iy = 0; iy < YParticleCount; iy++) { var p = new Particle { Position = new Point3D(ix * size, iy * size, 0), Width = size, Height = CUBOIDHEIGHT, }; _particleList.Add(p); } } } public void Update(Point mp) { foreach (var p in _particleList) { //求点到圆心的距离 double c = Math.Pow(Math.Pow(mp.X - p.Position.X, 2) + Math.Pow(mp.Y - p.Position.Y, 2), 0.5); p.Height = (MOUSERADIUS / (c + CUBOIDHEIGHT)) * CUBOIDHEIGHT; } UpdateGeometry(); } private void UpdateGeometry() { var positions = new Point3DCollection(); var indices = new Int32Collection(); for (var i = 0; i < _particleList.Count; ++i) { var positionIndex = i * 8; var p = _particleList[i]; var p1 = new Point3D(p.Position.X, p.Position.Y, p.Position.Z); var p2 = new Point3D(p.Position.X + p.Width, p.Position.Y, p.Position.Z); var p3 = new Point3D(p.Position.X + p.Width, p.Position.Y + p.Width, p.Position.Z); var p4 = new Point3D(p.Position.X, p.Position.Y + p.Width, p.Position.Z); var p5 = new Point3D(p.Position.X, p.Position.Y, p.Position.Z + p.Height); var p6 = new Point3D(p.Position.X + p.Width, p.Position.Y, p.Position.Z + p.Height); var p7 = new Point3D(p.Position.X + p.Width, p.Position.Y + p.Width, p.Position.Z + p.Height); var p8 = new Point3D(p.Position.X, p.Position.Y + p.Width, p.Position.Z + p.Height); positions.Add(p1); positions.Add(p2); positions.Add(p3); positions.Add(p4); positions.Add(p5); positions.Add(p6); positions.Add(p7); positions.Add(p8); indices.Add(positionIndex); indices.Add(positionIndex + 1); indices.Add(positionIndex + 3); indices.Add(positionIndex + 1); indices.Add(positionIndex + 2); indices.Add(positionIndex + 3); indices.Add(positionIndex); indices.Add(positionIndex + 4); indices.Add(positionIndex + 3); indices.Add(positionIndex + 4); indices.Add(positionIndex + 7); indices.Add(positionIndex + 3); indices.Add(positionIndex + 4); indices.Add(positionIndex + 6); indices.Add(positionIndex + 7); indices.Add(positionIndex + 4); indices.Add(positionIndex + 5); indices.Add(positionIndex + 6); indices.Add(positionIndex); indices.Add(positionIndex + 4); indices.Add(positionIndex + 1); indices.Add(positionIndex + 1); indices.Add(positionIndex + 4); indices.Add(positionIndex + 5); indices.Add(positionIndex + 1); indices.Add(positionIndex + 2); indices.Add(positionIndex + 6); indices.Add(positionIndex + 6); indices.Add(positionIndex + 5); indices.Add(positionIndex + 1); indices.Add(positionIndex + 2); indices.Add(positionIndex + 3); indices.Add(positionIndex + 7); indices.Add(positionIndex + 7); indices.Add(positionIndex + 6); indices.Add(positionIndex + 2); } ((MeshGeometry3D)_particleModel.Geometry).Positions = positions; ((MeshGeometry3D)_particleModel.Geometry).TriangleIndices = indices; }
3、主窗体调用
xaml:
<Grid x:Name="mainGrid" Background="#0D6589" > <Viewport3D Name="myViewport" MouseLeave="Grid_MouseLeave" MouseMove="Grid_MouseMove"> <Viewport3D.Camera> <PerspectiveCamera Position="-1500,3000,2200" LookDirection="1,-1,-1" UpDirection="0,0,1"/> </Viewport3D.Camera> <Viewport3D.Children> <ModelVisual3D> <ModelVisual3D.Content> <Model3DGroup x:Name="WorldModels"> <DirectionalLight Color="White" Direction="-1,-1,-3" /> </Model3DGroup> </ModelVisual3D.Content> </ModelVisual3D> </Viewport3D.Children> </Viewport3D> </Grid>
交互逻辑:
private readonly ParticleSystem _ps; private DispatcherTimer _frameTimer; private Point pMouse = new Point(9999, 9999); public MainWindow() { InitializeComponent(); _frameTimer = new DispatcherTimer(); _frameTimer.Tick += OnFrame; _frameTimer.Interval = TimeSpan.FromMilliseconds(100); _frameTimer.Start(); _ps = new ParticleSystem(30, 30, Colors.White); WorldModels.Children.Add(_ps.ParticleModel); _ps.SpawnParticle(50); KeyDown += Window_KeyDown; } private void Window_KeyDown(object sender, KeyEventArgs e) { if (e.Key == Key.Escape) Close(); } private void OnFrame(object sender, EventArgs e) { _ps.Update(pMouse); } private void Grid_MouseMove(object sender, MouseEventArgs e) { Point mouseposition = e.GetPosition(myViewport); PointHitTestParameters pointparams = new PointHitTestParameters(mouseposition); VisualTreeHelper.HitTest(myViewport, null, HTResult, pointparams); } /// <summary> /// 获取鼠标在场景中的3D坐标 /// </summary> public HitTestResultBehavior HTResult(System.Windows.Media.HitTestResult rawresult) { RayHitTestResult rayResult = rawresult as RayHitTestResult; if (rayResult != null) { RayMeshGeometry3DHitTestResult rayMeshResult = rayResult as RayMeshGeometry3DHitTestResult; if (rayMeshResult != null) { GeometryModel3D hitgeo = rayMeshResult.ModelHit as GeometryModel3D; MeshGeometry3D hitmesh = hitgeo.Geometry as MeshGeometry3D; Point3D p1 = hitmesh.Positions.ElementAt(rayMeshResult.VertexIndex1); double weight1 = rayMeshResult.VertexWeight1; Point3D p2 = hitmesh.Positions.ElementAt(rayMeshResult.VertexIndex2); double weight2 = rayMeshResult.VertexWeight2; Point3D p3 = hitmesh.Positions.ElementAt(rayMeshResult.VertexIndex3); double weight3 = rayMeshResult.VertexWeight3; Point3D prePoint = new Point3D(p1.X * weight1 + p2.X * weight2 + p3.X * weight3, p1.Y * weight1 + p2.Y * weight2 + p3.Y * weight3, p1.Z * weight1 + p2.Z * weight2 + p3.Z * weight3); pMouse = new Point(prePoint.X, prePoint.Y); } } return HitTestResultBehavior.Continue; } private void Grid_MouseLeave(object sender, MouseEventArgs e) { pMouse = new Point(9999, 9999); }
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持猪先飞。
相关文章
c# WPF中通过双击编辑DataGrid中Cell的示例(附源码)
这篇文章主要介绍了c# WPF中通过双击编辑DataGrid中Cell的示例(附源码),帮助大家更好的理解和学习使用c#,感兴趣的朋友可以了解下...2021-03-03- 最近在网上看到了新版的360安全卫士,感觉界面还不错,于是用WPF制作了一个,时间有限,一些具体的控件没有制作,用图片代替了。感兴趣的朋友一起跟着小编学习WPF实现类似360安全卫士界面的程序源码分享...2020-06-25
- 这篇文章主要为大家详细介绍了WPF仿三星手机充电界面实现代码,具有一定的参考价值,感兴趣的小伙伴们可以参考一下...2020-06-25
- 这篇文章主要介绍了C# WPF 通过委托实现多窗口间的传值的方法,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧...2020-06-25
- 这篇文章主要为大家详细介绍了WPF TextBox实现按字节长度限制输入功能,具有一定的参考价值,感兴趣的小伙伴们可以参考一下...2020-06-25
- 这篇文章主要介绍了C#中WPF使用多线程调用窗体组件的方法,涉及C#中多线程的使用技巧,具有一定参考借鉴价值,需要的朋友可以参考下...2020-06-25
- 这篇文章主要为大家详细介绍了WPF InkCanvas绘制矩形和椭圆,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下...2020-06-25
- 这篇文章主要给大家介绍了关于WPF基础教程之形状画刷与变换的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧...2020-06-25
- 这篇文章主要给大家介绍了关于WPF如何自定义TabControl控件样式的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧。...2020-06-25
- 这篇文章主要为大家详细介绍了Qt使用QPainter绘制3D立方体,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下...2020-08-21
- 下面小编就为大家分享一篇WPF水珠效果按钮组的实现教程,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧...2021-09-22
- 本篇文章是对WPF实现音频文件循环顺序播放的方法进行了详细的分析介绍,需要的朋友参考下...2021-09-22
- 这篇文章主要为大家详细介绍了WPF实现转圈进度条效果,如何设计自定义的绕圈进度条,具有一定的参考价值,感兴趣的小伙伴们可以参考一下...2021-09-22
- 如果注册快捷键,RegisterHotKey中的fsModifiers参数为0,即None选项,一些安全软件会警报,可能因为这样就可以全局监听键盘而造成安全问题,感兴趣的你可以参考下本文...2020-06-25
- 这篇文章主要为大家详细介绍了WPF中自定义GridLengthAnimation的相关资料,具有一定的参考价值,感兴趣的小伙伴们可以参考一下...2021-09-22
- 这篇文章主要介绍了WPF/Silverlight实现图片局部放大的方法,结合实例形式分析了WPF/Silverlight针对图片属性操作相关实现技巧,需要的朋友可以参考下...2020-06-25
- 这篇文章主要为大家详细介绍了WPF MVVM发送短信小按钮的制作方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下...2020-06-25
- 这篇文章主要给大家介绍了关于WPF中窗体最大化问题的解决方法,文中通过示例代码介绍的非常详细,对大家学习或者使用wpf具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧...2020-06-25
- 这篇文章主要介绍了C# WPF 父控件通过使用可视化树找到子控件的示例代码,需要的朋友可以参考下...2020-06-25
- 贝塞尔曲线,又称贝兹曲线或贝济埃曲线,一般的矢量图形软件通过它来精确画出曲线,下面这篇文章主要给大家介绍了关于WPF如何绘制光滑连续贝塞尔曲线的相关资料,文中通过示例代码介绍的非常详细,需要的朋友可以参考下。...2020-06-25