14.10  在网页中实现粒子特效效果

14.10 在网页中实现粒子特效效果

本实例的功能是,在网页中实现粒子特效效果。粒子特效是为模拟现实中的水、火、雾、气等效果,由各种三维软件开发的制作模块,原理是将无数的单个粒子组合,使其呈现出固定形态,由控制器,脚本来控制其整体或单个的运动,从而模拟出真实的效果。

图示

实例文件10.html的实现代码如下。

图示

脚本文件js10.js的实现代码如下。

图示

图示

图示

图示(https://www.daowen.com)

图示

图示

样式文件pages.css的实现代码如下。

图示

图示

执行后的效果如图14-11示。

图示

图14-11 执行效果