使用three.js创建粒子火焰效果

  • Post author:
  • Post category:其他



在线预览地址




CSDN下载地址



https://download.csdn.net/download/u014529917/85431362


一.创建火焰粒子

粒子火焰即是以点粒子的形式创建很多火焰组成点,这里每个粒子基于three.js中的Sprite类创建。

二、驱动粒子

粒子可以模仿多种自然效果,每种效果都有其特有的运动规律,对于火焰而言,不同的火焰状态也有不同的运动规律,最基本的火焰会基于一个点向四周以及向上扩散,基于此我们可以创建类似的数学模型,来驱动每个独立的粒子。

三、粒子混合

,再设置粒子混合模式为加法混合,粒子聚集处的颜色RGB值会叠加,达到高亮的效果,最终效果如图:



版权声明:本文为u014529917原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。