背景作成21■ブロック並べの背景N大小単色水玉     UP日時 : 2017/08/31

●動くJavaScript

●2017/08/31:即時関数で囲んで、グローバル変数を消しました。
JavaScript と CSS を利用して、背景を作成します。
body に大きな水玉と小さな水玉がランダムに並びます。
ソースの中の指定が違うだけで、■背景作成8ブロック並べの背景A格子 と同じ JavaScript です。

見本は、■背景作成9ブロック並べの背景Bドット の指定を少し変更しました。
この単色水玉は、水玉の色は1色のみ表示、水玉の周囲に枠線も使用できない、とてもシンプルな背景になります。

JavaScript のソースの中で指定する、ブロックの色指定は2色です。
そのうち1色は、bodyの背景色と同じで、もう1色は模様として指定する文字の「●」の色になります。
見本では、bodyの色は白色(#fff)で、「var bCSS=〜〜〜」で指定する模様の「●」の色は薄緑色(#efd)です。
ランダム指定で表示されるブロックの色がbodyと同色なら小さな水玉になり、ブロックの色が「●」と同色なら大きな水玉になります。

このJavaScriptは、■面白6マウスでブロック落とし を改造して作成しました。