Comentario: Creo que todos han visto los efectos especiales de la gota de lluvia, y los efectos especiales que se introducirán en este artículo se implementan con la ayuda de HTML5, que es cristalina. Los amigos interesados pueden intentar ejecutarlos.
<html>
<Evista>
<title> HTML5 RainRrop Special Effect </title>
<style media = "screen" type = "text/css">
img {pantalla: ninguno; }
cuerpo {desbordamiento: oculto; }
#canvas {posición: absoluto; arriba: 0px; Izquierda: 0px; }
</style>
<script src = "/jscss/demoimg/201401/rainyday.js" type = "text/javascript"> </script>
<script type = "text/javaScript">
función demo () {
var motor = nuevo RainyDay ('Canvas', 'Demo1', Window.innerWidth, Window.innerHeight);
motor.gravity = Engine.gravity_non_linear;
motor.trail = motor.trail_drops;
motor.rain ([
Engine.Preset (0, 2, 500)
]);
motor.rain ([
Engine.Preset (3, 3, 0.88),
Engine.Preset (5, 5, 0.9),
Engine.Preset (6, 2, 1),
], 100);
}
</script>
</ablo>
<Body>
<img src = "/jscss/demoimg/201401/8390.jpg"/>
<div>
<Canvas> </Canvas>
</div>
</body>
</html>