年以上経過しているため、内容が古い可能性があります。実装内容おわりに新たなプロジェクト「RECTBEATS(レクトビーツ)」を公開しました。イメージを生成するウェブアプリです。個の矩形要素(<rect>)から構成されており、フィボナッチ数列の規則で配置されています。個のプリセットを用意しています。生成される矩形要素の配置パターンはランダムなので配色は毎回異なります。この矩形要素のカラーやエフェクトを調整して見た目を変更することが可能です。本アプリは以下の機能で構成されています。PREVIEW」イメージのプレビューが表示されます。内の矩形要素(<rect>)の配置はランダムなので、毎回異なる配色になります。このタイトルは自由に変更できます。ファイルがダウンロードできます。コードにライセンスに関するコメントを含めています。イメージをカスタマイズできる設定項目が表示されます。ここには、再生時のテンポを変更する「BPM」の項目も含まれます。イメージをアレンジすることができます。回転します「MIX」ボタンを選択すると、プレビュー内の矩形要素の配置がシャッフルされます「PLAY」ボタンを選択すると、「BPM」のテンポにあわせてプレビュー内の矩形要素の配置がシャッフル(「MIX」)されます「PLAY」で再生中に、他のタブに移動したりウィンドウを最小化すると一時停止します。「SETTINGS」を開くと、以下の設定を変更することができます。個配置されるので、「OSC.1」のほうが出現する数は多くなります。Oscillator(オシレーター、発振器)の略称で、シンセサイザーにおいては音の基本となる波形を発生させるために用いられます。LEVEL」は、矩形要素それぞれの不透明度(opacity)を変更できます本アプリで指定できるカラー数は限られていますが、透過率を加えることで立体的な効果を出すことができます。見え方を変更する機能です。イメージが変化しますが、そのテンポを指定できます。現時点では以下の問題を認識しています。ファイルは、一部の環境では開くことができませんのでご了承ください。