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

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

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

978-7-111-53392-4-Part04-159.jpg

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

978-7-111-53392-4-Part04-160.jpg

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

978-7-111-53392-4-Part04-161.jpg

978-7-111-53392-4-Part04-162.jpg

978-7-111-53392-4-Part04-163.jpg

978-7-111-53392-4-Part04-164.jpg

978-7-111-53392-4-Part04-165.jpg

978-7-111-53392-4-Part04-166.jpg

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

978-7-111-53392-4-Part04-167.jpg

978-7-111-53392-4-Part04-168.jpg

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

978-7-111-53392-4-Part04-169.jpg

图14-11 执行效果