高速起動、簡易波 swave.js




写真の加工

***.jpg
同じ写真で水面を白で塗りつぶすか 透明処理をすしpngかgifで保存

***.png

ソース
<html>
<head>
<meta charset="shift-jis">
<meta http-equiv="X-UA-Compatible" content="IE=Edge;">
<title>高速起動、簡易波 swave.js</title>
</head>
<body>
<script>

ur="./";       //写真置く場所
file="magamo.jpg,80"; //写真,縮尺率%(省略時100)
mask="magamo.png,1";  //マスク,透明色・揺れ区分 //(0=透明処理済み/1=白を透明にする/2=マスクを揺らす)
back="haikei.jpg";  //背景(省略可:fileに透明処理をした時)
nagare= -1; // 波の流れ方向(+1 / -1)
waves=3; //波の間隔(1〜10)
scale = 5; //波の振れ幅(1〜10)
speed=20; //流速(10〜100)
lake="0,100"; //揺らす範囲(上から”%,%”の範囲)

</script>
<script src="https://qpon-toyota.com/jquery/swave/swave.js" charset="shift_jis">
</script>
</body>
</html>

個人のサイト場合はswave.jsを直リンクで使用して結構です。
ダウンロードする時は↑を右クリックして取り込んでください

他の揺れソース