canvasの実装/ サンプルの動きを変更したいです。http://paulkr.github.io/quietflow.js/

canvasの実装に関して質問させていただきます。

http://paulkr.github.io/quietflow.js/
こちらのサイトのサンプル[bouncingBalls]に変更を加えたいのですが、
どのように実装したら良いでしょうか。

下記4点の変更を加えたいです。

1)ボールのの半径の最大値、最小値
2)スピード

3)ボールのスタイル変更
べた塗り→CSSで水玉模様に変更
例)

.circle {
background-color: #fcfcfc;
background-image: radial-gradient(#eee 10%, transparent 20%), radial-gradient(#eee 10%, transparent 20%);
background-size: 20px 20px;
background-position: 0 0, 10px 10px;
}

4)ボールに写真を指定 / 写真は画一ではなく3枚指定

※３と４は同一キャンバスではなく、別キャンバスとして用意するので問題ありません。

↓↓↓上記以外で実装したこと

index.jsを下記に変更し、背景色、ボールの数、密度を変えました。
スピードは変化しませんでした。

$("#bouncingBalls").show();
  $("body").quietflow({
    theme          : "bouncingBalls",
    specificColors : [
  // 変更↓---------------
      "rgba(242, 169,  49, 1)",
      "rgba(77, 176, 77, 1)",
      "rgba(229, 0, 110, 1)",
      "rgba(45, 174, 223, 1)"
    ],
    // 追加・変更↓---------------
     backgroundCol   : "#fff",
     maxRadius       : 150,
     bounceSpeed     : 50,
     bounceBallCount : 16,
     transparent     : true
  });

わかる方がいらっしゃいましたら、ご教示お願い申し上げます。