●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マウスでブロック落とし を改造して作成しました。