Commentaire: Je crois que tout le monde a vu les effets spéciaux de la goutte de pluie, et les effets spéciaux à introduire dans cet article sont mis en œuvre avec l'aide de HTML5, qui est limpide. Les amis intéressés peuvent essayer de les gérer.
<html>
<adal>
<Title> HTML5 Raindrop Effet spécial </TITAL>
<style media = "screen" type = "text / css">
img {affichage: aucun; }
corps {débordement: caché; }
#Canvas {position: Absolute; En haut: 0px; gauche: 0px; }
</ style>
<script src = "/ jscss / démoimg / 201401 / rainyday.js" type = "text / javascript"> </ script>
<script type = "text / javascript">
Demo de fonction () {
var moteur = new Rainyday ('Canvas', 'Demo1', window.innerwidth, window.innerheight);
moteur.gravity = moteur.gravity_non_linear;
moteur.trail = moteur.trail_drops;
moteur.rain ([[
moteur.preset (0, 2, 500)
]));
moteur.rain ([[
moteur.preset (3, 3, 0,88),
moteur.preset (5, 5, 0,9),
moteur.preset (6, 2, 1),
], 100);
}
</cript>
</ head>
<body>
<img src = "/ jscss / démoimg / 201401 / 8390.jpg" />
<div>
<lebvas> </ canvas>
</div>
</docy>
</html>