●2020/04/16：即時関数で囲んで、グローバル変数を消しました。
繋ぎ目の無いシームレスの画像は作成したいけれど、ソフトのダウンロードは難しい方には、別の方法があります。
それは bodyではなく、テーブル(table)やdivで作った空間の背景画像をゆらゆらさせるJavaScriptです。
重要な事は、テーブル(table)やdivで作った空間のサイズを、
背景画像の実寸より移動幅(JavaScriptのcの数値。ここでは20)×2倍の数値だけ、小さくする事。
見本の画像の実寸は横800px縦463px。移動幅の20×2倍=40で40pxだけ小さくします。
だから横760px縦423pxのdivの空間を作りました。
下は、それよりも大きな空間です。下では揺れ方によって、右端と下端に繋ぎ目が出てしまいます。
上のような作り方なら、繋ぎ目は出てきません。
もちろん継ぎ目のないシームレス背景画像を使用するなら空間サイズは自由に指定して下さい。
原本は、
オリジナルJavaScriptから。
そしてこちらには、背景画像を１個にして、同じようなJavaScriptで作成した『ふわふわ』コーナーの『ふわふわ・メニュー』の
『背景画像１個ふわふわ』があります。
二つのJavaScriptはほとんど同じです。
2020/04/16：回転速度と回転方向の指定ができるように修正。