OpenSpace２４-１■画像D■　画像が流れる-斜め４方向選択(範囲指定)　　　　　UP日時 : 2014/10/17

原本は、いままでの『雪が降る』のJavaScriptの中では、最も短いソースです。その分、動きもシンプルで横揺れはしません。
しかしシンプルな分、改造が簡単です。今回は数字選択で斜め方向へ流れます。、左上から右下へ、右上から左下へ、左下から右上へ、右下から左上への四方向に、画像を流すことができます。
そして範囲指定を付けました。
ただし今回は、わざと範囲指定をズラして、音符が枠の上の方まで流れるように指定しています。

この見本では3を指定したので、左下から右上へ斜めに流れます。
おまけとして、画像に単純な透過を付けました。『雨粒』などを流す時は透き通って見えます。見本は0.8の透過指定です。

原本を改造して、降る画像を複数指定、HTML5対応、斜め４方向選択、透過指定、さらに範囲指定できるようにしました。
原本はOpenSpaceから。
降る範囲がbody全面のJavaScriptは、こちら。