画面の下に波打つ池を作り景色を映すJavaScript-qlake.js


jqueryのlake.jsを改造して、JavaScriptだけで画面に波を起こすようにしました。
Windows7〜8.1のIE11、Chrome、Firfox、
タブレットのiOSのiPad、Android Nexcus7
とうで動くことが確認できました。
ただ、CPUの遅いパソコンでIEを使うとフリーズするかもしれません

ソース

<html lang="ja">
<head>
<meta charset="shift_jis">
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<title>qlake</title>
</head>
<body>
<script>
ur    = "./";      //写真の置き場
file  = "lake.jpg";//写真
waves = -20;        //波の数(+−は波の方向)
speed = 0.5;       //波の速さ
scale = 0.3;       //波の振幅
lake  = 80;	   //池の大きさ(画面の%)(小さいほど準備時間が短い)

</script>
<script src="http://qpon.quu.cc/jquery/lake/qlake.js" charset="shift_jis"></script>

</body>
</html>

個人のサイト場合はqlake.jsを直リンクで使用して結構です。
ダウンロードする時は↑を右クリックして取り込んでください
画面の一部に水面を作るソース(qwave.js)へ高速起動簡易波ソース(swave.js)へ
参考にしたサイト: WEBの為に鐘は鳴るlake.js未来ウェブ