炫酷粒子变换特效

268 阅读1分钟

“我正在参加「创意开发 投稿大赛」详情请看:掘金创意开发大赛来了!

这个示例虽然没有相对比较实用的特性,但是表现出来的效果确实非常震撼眼球。先上效果图,让各位同胞感受一下:

1.2.png

1.1.png 粒子模拟是计算机图形技术的可视化图形效果。典型的效果有:落叶,火焰,爆炸,流星,云等等。它不同于其它图形渲染,粒子是基于模糊来渲染的。它的结果在基于像素下是不可预测的。粒子系统的参数描述了随机模拟的边界。传统的渲染技术实现粒子渲染效果很困难。

粒子模拟的核心是粒子系统(ParticleSystem),它控制了共享时间线.一个场景下可以有多个粒子系统,每个都有自己独特的时间线。一个粒子使用发射器元素(Emitter)发射,使用粒子画笔(ParticlePainter)实现可视化,它可以是一个图片,一个QML项或者一个着色项。一个发射器元素也提供向量来控制粒子的方向。一个粒子被发送后就再也无法控制。粒子模型提供粒子模拟器,它可以控制已发射粒子的参数。在一个系统中,粒子可以使用粒子群参数(ParticleGroup)来共享移动时间。 特效的表现感很强,读者可以仔细学习一下下面的代码,尝试着理解其中的逻辑。

炫酷粒子变换特效 html, body { width: 100%; height: 100%; margin: 0; padding: 0; overflow: hidden; } .container { width: 100%; height: 100%; margin: 0; padding: 0; background-color: #000000; }