의견 : 모든 사람들이 빗방울 특수 효과를 보았고이 기사에서 소개 될 특수 효과는 HTML5의 도움으로 구현됩니다. 관심있는 친구들은 그들을 달리려고 노력할 수 있습니다.
<html>
<헤드>
<title> html5 빗방울 특수 효과 </title>
<스타일 미디어 = "화면"유형 = "텍스트/CSS">
img {디스플레이 : 없음; }
신체 {오버플로 : 숨겨진; }
#Canvas {위치 : 절대; 상단 : 0px; 왼쪽 : 0px; }
</스타일>
<스크립트 src = "/jscss/demoimg/201401/rainyday.js"type = "text/javaScript"> </script>
<script type = "text/javaScript">
함수 demo () {
var Engine = New Rainyday ( 'Canvas', 'Demo1', Window.innerWidth, Window.innerHeight);
engine.gravity = engine.gravity_non_linear;
Engine.Trail = Engine.Trail_Drops;
Engine.Rain ([[
Engine.preset (0, 2, 500)
]);
Engine.Rain ([[
Engine.preset (3, 3, 0.88),
Engine.preset (5, 5, 0.9),
Engine.preset (6, 2, 1),
], 100);
}
</스크립트>
</head>
<body>
<img src = "/jscss/demoimg/201401/8390.jpg"/>
<div>
<canvas> </canvas>
</div>
</body>
</html>